Задать вопрос
@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>
  • Вопрос задан
  • 10408 просмотров
Комментировать
Подписаться 1 Оценить Комментировать
Решения вопроса 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);
});
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Перенести C# код программы на winapi
04 мая 2024, в 09:40
1000 руб./за проект
Десктопное приложение для алготрейдинга в сфере криптовалют
04 мая 2024, в 09:38
90000 руб./за проект
Написать SEO текст для встраивания в сайт
04 мая 2024, в 09:19
500 руб./за проект
Ещё заказы