Модуль 1. Основи ES6+ та робота з DOM ⚡ Нагорода: +80 XP

Стрілкові функції, події та динамічне оновлення DOM

Керування веб-сторінкою через JavaScript

За допомогою методу document.getElementById() або document.querySelector() ми можемо знаходити елементи на сторінці та змінювати їхній вміст або реагувати на кліки користувача через addEventListener.

const btn = document.getElementById("actionBtn");
const status = document.getElementById("statusText");

btn.addEventListener("click", () => {
  status.textContent = "Код успішно запущено!";
});

🎯 Практичне завдання:

Додайте обробник події addEventListener("click", ...) для кнопки #xpBtn, який змінює текст елемента #result на "Нараховано +100 XP!".