Erro javascript em receber value do input

[John Hebert Trindade]

Boa tarde a todos,

tenho em meu formulário o seguinte input

<input type="text" name="codigo_barras[]" id="codigo_barras" onkeyup="searchProdutos(1)" class="input-adm sizefour" autocomplete="on" required>

no meu javascript tenho o seguinte:

function searchProdutos(registo){

  //recebe o valor que o usuário digitar
  const codigoBarras = document.querySelector('#codigo_barras'+registo);

  const valueCodigoBarras = codigoBarras.value;
}

Conforme começo a digitar no campo ocorre o seguinte erro:

custom_adms.js:1014 Uncaught TypeError: Cannot read properties of null (reading 'value')
    at searchProdutos (custom_adms.js:1014:42)
    at HTMLInputElement.onkeyup (index:215:163)

Já alterei o name e id de "código_barras" para "codigoBarras" ou "codigobarras" e continua o mesmo.

 

[iron]

O id do teu input é "codigo_barras" e não "codigo_barras1"

onkeyup="searchProdutos()" não necessitas do input

function searchProdutos(){

  //recebe o valor que o usuário digitar
  const codigoBarras = document.querySelector('#codigo_barras');

  const valueCodigoBarras = codigoBarras.value;
  console.log(valueCodigoBarras)
}

Vais ver que o log mostra o valor que o input tem sempre que escreves

 

Edit:
Tópico no local errado. Deveria estar subtópico de JS e não de PHP

Edited February 6, 2024 at 04:46 PM by iron
Adicionado um comentário em PS

[John Hebert Trindade]

se retiro a concatenação funciona, e agora?

[John Hebert Trindade]

mas gostaria de receber o valor enviado na função que neste exemplo coloquei 1 mas depois irei fazer-lo dinâmico.

se coloco assim:

1009 function searchProdutos(registo){
1010
1011  console.log(registo);
1012
1013  //recebe o valor que o usuário digitar
1014  const codigoBarras = document.querySelector('#codigo_barras');
1015
1016  const valueCodigoBarras = codigoBarras.value;
1017}

aparece me isso:

quando digito 5 aparece:

custom_adms.js:1011 1 

custom_adms.js:1017 5

quando digito o 6 a seguir o 5 aparece:

custom_adms.js:1011 1

custom_adms.js:1017 56

e ao digitar mais um numero, neste caso o 0:

custom_adms.js:1011 1

custom_adms.js:1017 560

Edited February 6, 2024 at 05:10 PM by John Hebert Trindade

[MasterG]

Boas!

Podes alterar o código para este exemplo:

<input type="text" name="codigo_barras[]" id="codigo_barras" onkeyup="searchProdutos(this)" class="input-adm sizefour" autocomplete="on" required>

function searchProdutos(inputcodigoBarras){
  console.log(inputcodigoBarras.value)
}