3
respostas

Alert não funcionando

Na aula de carrinho de compras, já na primeira, meu alert de teste não está funcionando. O que eu fiz de errado?

function adicionar(){
let nomeProduto = document.getElementById('produto');
let quantidade = document.getElementById('quantidade');

alert(nomeProduto);
alert (quantidade);

}

function limpar() {


}
3 respostas

Oi, dev! Tudo bem?

De acordo com o código descrito, parece que o problema está na forma como estamos tentando exibir os valores no alert. No nosso código, estamos tentando exibir diretamente os elementos HTML, mas o que realmente queremos é mostrar os valores desses elementos. Por isso, precisamos ajustar o código para que ele mostre os valores dos campos produto e quantidade da seguinte forma:

function adicionar() {
    let nomeProduto = document.getElementById('produto').value;
    let quantidade = document.getElementById('quantidade').value;

    alert(nomeProduto);
    alert(quantidade);
}

function limpar() {
    // Função para limpar os campos, caso necessário
}

Note que agora estamos utilizando .value para obter o valor dos elementos produto e quantidade, para assim fazer com que os alerts exibam os valores corretos.

Espero ter ajudado!

Um forte abraço e bons estudos!

Continua não dando certo, copiei seu código.

Abri o console e ele dá esse erro: index.html:43 Uncaught ReferenceError: adicionar is not defined at HTMLButtonElement.onclick (index.html:43:92)

Só que o adicionar está tudo certo no html

Oi!

O código está certinho. O problema pode ser que você não salvou as alterações no arquivo JavaScript e por isso a página não encontra a função adicionar, ou então talvez você tenha escrito o código no arquivo js de outro projeto.

Verifica isso.