Задать вопрос
@kir_lab
javascript

Почему не работает addEventListener?

Не могу понять почему не работает. Если событие вешать на каждую кнопку, все ок, а с addEventListener не работает
<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <script>
var one = document.getElementById('one');
function hid() {alert('hello');}
one.addEventListener('click', hid, false);
</script>
 </head>
 <body>
     
 	<div class = "calculator">
     <button id='one' > 1</button>
 	 <button id='two'> 2</button>
 		</div>
 </body>
</html>
  • Вопрос задан
  • 11113 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Решения вопроса 1
@GreatRash
На момент выполнения скрипта ещё не сформировался DOM. Вам либо надо дождаться загрузки страницы (onload), либо загрузки DOM (DOMContentLoaded), либо поместить скрипт перед закрывающим body.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ответы на вопрос 2
sfi0zy
@sfi0zy Куратор тега JavaScript
Creative frontend developer
У вас скрипт выполняется раньше, чем создаются кнопки. Уберите его в конец body или заверните в
$( document ).ready(function() {
    // Your code
});

или любой аналог этого на чистом JS (без jQuery)
Ответ написан
Комментировать
Комментировать
sergey-gornostaev
@sergey-gornostaev
Седой и строгий 
function hid() {
    alert('hello');
}

document.addEventListener("DOMContentLoaded", function() {
    var one = document.getElementById('one');
    one.addEventListener('click', hid, false);
});
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 200 000 до 300 000 ₽
Web-разработчик/WordPress программист (Full-stack)
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
Ещё вакансии