Eventlistener «щелкает» и показывает текст в console.log не работает

Question

Eventlistener «щелкает» и показывает текст в console.log не работает

1

im пытается показать текст в console.log при щелчке изображения в html. Теперь я получаю эту ошибку в консоли в браузере: TypeError: Не удается прочитать свойство "addEventListener" из null.

JS:

function appear() {
    console.log("hello");
}


var button = document.getElementById("button");

button.addEventListener("click", appear);

HTML:

<article id="button">

Dušanka Prvulovic 17 окт. 2018, в 17:05

Источник

Теги:

javascript

console

element

click

event-listener

2 ответа

Ещё вопросы

incarnate · Answer 1 · 2018-10-17T12-42-00.000Z

В идеале у вас есть кнопка внутри вашей статьи для применения вашего события click, например:

<article>
    <button id="button">Hey</button>
</article>

Ваш Javascript верен, но только до тех пор, пока document.getElementById("кнопка") успешно находит элемент с идентификатором "кнопка".

Когда вы открываете консоль своего браузера, вы должны видеть "привет", когда вы нажимаете на кнопку.

Eugene Tsakh · Answer 2 · 2018-10-17T12-21-00.000Z

Это потому, что getElementById ничего не может вернуть. Вы должны добавить проверку, что она возвращает ссылку на кнопку:

var button = document.getElementById("button");
if (button) {
  button.addEventListener("click", appear);
}

Спасибо! Но я все еще не совсем понимаю, что происходит .. Похоже, я добавляю чек, который вы сказали, но console.log по-прежнему не появляется.