👤

Am o eroare cand incerc sa pun un cod in javascript : Uncaught TypeError: Cannot read property 'addEventListener' of null

Codul meu:var button = document.getElementById("button");

button.addEventListener("click", function(){
console.log("button was clicked");
});

Am incercat si:var button = document.addEventListener("button");

document.getElementById('button').onclick = function() {
console.log("button was clicked");
}​;​

Dar da alta eroare: Uncaught SyntaxError: Invalid or unexpected token

Daca cineva imi poate explica si daca ma poate ajuta sa rezolv aceasta problema


Răspuns :

Buna ! In javascript conteaza ordinea in care sunt asezate elementele. Daca codul javascript e scris inaintea declararii butonului in html atunci acesta se va executa primul si (neexistand inca butonul cu clasa respectiva vei avea eroare.) O solutie simpla ar fi astfel adaugarea tag-ului script la finalul blocului body.

O solutie mai recomandata ar fi folosirea evenimentului onload.

Ai exemplu in imaginile atasate.

Vezi imaginea Andrei750238
Vezi imaginea Andrei750238
Vezi imaginea Andrei750238