Wywołanie funkcji metodą addEventListener [JS]

pytanie zadane 2 czerwca 2018 w JavaScript przez Dorian Bajorek Dyskutant (7,920 p.)

Cześć wszystkim w jaki sposób mogę wywołać funkcję metodą addEventListener w momencie kliknięcia na dany input?

PS.Dodam,że nie chcę tutaj mieszać jsa w htmlu

komentarz 2 czerwca 2018 przez ScriptyChris Mędrzec (190,190 p.)

Przeczytałeś dokumentację?

komentarz 2 czerwca 2018 przez Dorian Bajorek Dyskutant (7,920 p.)

function napis()
{
    alert("Hello World");
}
var elem=document.getElementById("klik");
elem.addEventListener('click',napis,false);

Takie coś jest okej,nie wiem czemu nie idzie ;/?

komentarz 2 czerwca 2018 przez Dorian Bajorek Dyskutant (7,920 p.)

Konsola na to: Uncaught TypeError: Cannot read property 'addEventListener' of null at script.js:6

komentarz 2 czerwca 2018 przez ScriptyChris Mędrzec (190,190 p.)

Gdzie umieściłeś ten skrypt? Jeśli nie czekasz na zdarzenie załadowania strony, to skrypt powinien znajdować się przed zamykającym tagiem </body>

komentarz 2 czerwca 2018 przez Dorian Bajorek Dyskutant (7,920 p.)

mam go w osobnym pliku.js dodałem go standardowo w tagach <head> Więc muszę zrobić jeszcze jedna funkcję do wywołania wszystkich funkcji w taki sposób <body onload="...">?

komentarz 2 czerwca 2018 przez ScriptyChris Mędrzec (190,190 p.)

Atrybut onload zadziała, ale obsługa zdarzeń z poziomu HTML jest złą praktyką. Więc, jeśli skrypt koniecznie ma być w <head>, to owiń go w document.addEventListener( 'DOMContentLoad', function() { /* Twój kod*/ }) , albo jeśli korzystasz z jQuery => http://learn.jquery.com/using-jquery-core/document-ready/