Події в JavaScript🖱️ (інтерактивна вправа)

⚡ Події в JavaScript

Перевір свої знання та навички критичного аналізу коду

Прізвище:

Ім'я:

Щоб програма зреагувала на дії користувача, нам потрібна ... змінна подія стиль 🖱️. Найпоширенішою дією з кнопкою є "click".

Спочатку ми повинні знайти елемент в HTML за допомогою методу ... querySelector getElementById innerHTML . Потім призначаємо обробник командою ... addEventListener onClickHandler .

let counter = 0;
const myBtn = document.getElementById("start");
myBtn.addEventListener("click", function() {
  counter = ... counter + 1 0 ;
  display. ... innerText style = counter;
});

У коді вище ми виконуємо ... інкремент порівняння змінної та оновлюємо ... текстовий вміст колір елемента на екрані.

Аналіз логіки помилок 💡:

Якщо написати назву події без лапок (як click замість 'click'), JS видасть помилку, бо шукатиме ... невизначену змінну текстовий рядок . Якщо ж ID елемента вказано невірно, метод поверне ... undefined null .

Використання подій дозволяє перетворити статичний сайт на ... статичний інтерактивний додаток. 🚀

0 / 10

📸 ЗРОБИ СКРІНШОТ та надішли вчителю для оцінювання!