Как можно выполнить функцию после нажатия кнопки или фактически любого другого элемента HTML.

Привет!

Сегодня я собираюсь показать вам, как можно выполнить функцию после нажатия на элемент HTML.

Вы должны запросить элемент из документа. Есть несколько способов сделать это, например getElementByClassName или querySelector. Я буду использовать getElementById:

Например:

const button = document.getElementById("buton");
Войти в полноэкранный режим Выйти из полноэкранного режима

Назначьте этому элементу (кнопке) слушателя, который будет запускаться после нажатия на элемент:

buton.addEventListener("click", function() {
   alert("Hello there!")
 });

Войти в полноэкранный режим Выйти из полноэкранного режима

В этом случае будет выведено предупреждение с текстом ‘Hello there!’.

Вы также можете назначить именованную функцию:

function clickButton() {
   alert("Hello there!");
 }

 button.addEventListener("click", clickButton);

Войти в полноэкранный режим Выйти из полноэкранного режима

Как я уже упоминал выше, у вас есть несколько способов запросить элемент из документа. Вот ссылка с примерами, например: как назначить слушателя для каждого элемента из списка элементов: https://jsfiddle.net/8jo9vhsa/1/.

Если у вас есть какие-либо предложения, не стесняйтесь писать комментарии.

Спасибо!

Оцените статью
devanswers.ru
Добавить комментарий