Что происходит при нажатии кнопки в 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? Видимый текст элемента. Без перезагрузки страницы.