Задать вопрос
@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>
  • Вопрос задан
  • 10819 просмотров
Комментировать
Подписаться 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 FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать vpn сервис
05 нояб. 2024, в 17:38
150000 руб./за проект
Drupal. Перенос сайта с домена на поддомен
05 нояб. 2024, в 16:31
500 руб./за проект
Разработать макет для email рассылки
05 нояб. 2024, в 16:24
5000 руб./за проект
Ещё заказы