Программирование

Что происходит при нажатии кнопки в JavaScript?

Событие клика, смена текста и счётчик.

Все уроки · Уроки JavaScript: учимся с нуля

Когда нажали кнопку

Событие — это действие пользователя. Чаще всего это клик. onclick годится для короткого примера. В отдельном скрипте яснее addEventListener.

<button id="menimDuyme">Bas mənə</button>
<script>
  const duyme = document.getElementById("menimDuyme");
  duyme.addEventListener("click", function () {
    alert("Düyməyə basdın!");
  });
</script>

Меняй текст и считай

getElementById находит элемент по id. textContent меняет его текст. Страница не перезагружается.

let say = 0;
const sayElementi = document.getElementById("say");
const duyme = document.getElementById("artir");
duyme.addEventListener("click", function () {
  say = say + 1;
  sayElementi.textContent = say;
  if (say >= 5) {
    document.getElementById("mesaj").textContent = "Sayğac 5-ə çatdı.";
  }
});

Вопросы

Что такое onclick? Короткая команда при клике. Для маленького примера хватает.

Чего ждёт addEventListener? Первый аргумент — имя события, например click. Второй — функция.

Зачем id? Чтобы JavaScript нашёл этот элемент. На странице он не должен повторяться.

Что меняет textContent? Видимый текст элемента. Без перезагрузки страницы.

Автор: Nibras Code