1
resposta

Alguém pode me ajudar com o erro no 'addEventListener' ?

function calculateTip(event) {
    event.preventDefault();
    let bill = document.getElementById('bill').value;
    let serviceQual = document.getElementById('serviceQual').value;
    let numOfPeolpe = document.getElementById('people').value;

    if(bill == '' | serviceQual == 0){
        alert("Por favor, preencha corretamente os campos!")
        return;
    }

    if(numOfPeolpe == '' | numOfPeolpe <= 1){
        numOfPeolpe = 1;
        document.getElementById('each').style.display = "none";
    } else {
        document.getElementById('each').style.display = "block";
    }

    let total = (bill * serviceQual) / numOfPeolpe;
    total.toFixed(2);
    document.getElementById('tip').innerHTML = total;
    document.getElementById('totalTip').style.display = "block"
}

document.getElementById('totalTip').style.display = "none";
document.getElementById('each').style.display = "none";

document.getElementById('tipsForm').addEventListener('submit', calculateTip);

Consta o seguinte erro no console do navegador na linha 28: Uncaught TypeError: Cannot read properties of null (reading 'addEventListener').

1 resposta

Olá, Levy! Tudo bem?

Peço desculpas pela demora em obter um retorno.

O erro que você está enfrentando está relacionado à linha 28 do código, onde você está tentando adicionar um evento de escuta ao elemento com o id 'tipsForm'. O erro "Cannot read properties of null" indica que o elemento não está sendo encontrado no documento. Aqui estão algumas coisas que você pode verificar para resolver esse problema:

  • Verifique se você possui um elemento no seu HTML com o ID "tipsForm": Certifique-se de que há um elemento HTML com o ID "tipsForm" em seu HTML. O elemento que você está tentando adicionar o ouvinte de evento deve ter esse ID.

  • Confirme se não há erros de digitação: Verifique se não há erros de digitação no ID do elemento que você está tentando acessar. Os IDs são sensíveis a maiúsculas e minúsculas, portanto, certifique-se de que o ID coincide exatamente com o ID no HTML.

  • Verifique se o HTML está carregando corretamente: Às vezes, se o HTML não estiver carregando corretamente ou houver erros no seu código HTML, os elementos podem não ser encontrados. Verifique o console do navegador em busca de quaisquer erros relacionados ao HTML.

Espero ter conseguido ajudar, caso ainda tenha dúvidas estou à disposição.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!