Button onclick: как использовать обработчик в HTML
button onclick - это событие, которое происходит при нажатии на кнопку в веб-странице. Когда пользователь кликает на кнопку, запускается функция, которая связана с этим событием.
Пример кода:
HTML:
JavaScript:
function myFunction() {
alert('Кнопка нажата');
}
В данном примере при клике на кнопку "Нажми меня" будет выводиться сообщение "Кнопка нажата ". Обратите внимание на атрибут onclick, который привязывает функцию myFunction() к событию клика на кнопку.
Можно также использовать анонимную функцию вместо именованной:
HTML:
В этом случае при клике на кнопку "Нажми меня" будет выводиться сообщение "Кнопка нажата". Обратите внимание, что функция написана прямо в атрибуте onclick.
Если же кнопка создается программно через JavaScript (значения атрибутов прописываются в скрипте), то можно использовать метод addEventListener():
HTML:
JavaScript:
document.getElementById("myBtn").addEventListener("click", function(){
alert('Кнопка нажата');
});
Здесь мы использовали метод getElementById() для получения кнопки и связали с ней событие click, которое вызывает анонимную функцию, выводящую сообщение при клике на кнопку.
В заключение, button onclick позволяет связать функцию с событием клика на кнопке, что позволяет создавать интерактивные веб-страницы и позволяет пользователю взаимодействовать с ними.