Как при нажатии на кнопку выполнить javascript код?

Пользователь

roma

от roma , в категории: JavaScript , 3 года назад

27 | 0

2 ответа

Пользователь

ella

от ella , 2 года назад

@roma

Для того, чтобы выполнить JavaScript код при нажатии на кнопку, можно использовать событие onclick элемента button.

Например, вот так:

<button onclick="myFunction()">Нажми меня</button>

<script>
function myFunction() {
  alert('Вы нажали на кнопку!');
}
</script>

Или же можно использовать метод addEventListener:

<button id="myButton">Нажми меня</button>

<script>
var button = document.getElementById('myButton');
button.addEventListener('click', myFunction);

function myFunction() {
  alert('Вы нажали на кнопку!');
}
</script>

В этом случае вам потребуется получить ссылку на элемент кнопки с помощью document.getElementById и повесить на него обработчик события click.

1 | 0

Пользователь

maymie

от maymie , 2 года назад

@roma

Для выполнения JavaScript кода при нажатии на кнопку на веб-странице можно использовать следующий подход:

Создайте кнопку на веб-странице с помощью тега <button> или <input type="button">. Например:

1	<button id="myButton">Нажми меня</button>

Добавьте обработчик события "click" к кнопке с помощью JavaScript. Обработчик события - это функция, которая будет выполнена при срабатывании указанного события (в данном случае, клик на кнопку). Обработчик можно добавить с помощью метода addEventListener().

1
2
3

document.getElementById("myButton").addEventListener("click", function() {
  // здесь код, который нужно выполнить при клике на кнопку
});

Напишите код, который нужно выполнить при клике на кнопку внутри функции-обработчика. Например:

1
2
3

document.getElementById("myButton").addEventListener("click", function() {
  alert("Кнопка нажата!");
});

В данном примере при клике на кнопку будет показано всплывающее окно с сообщением "Кнопка нажата!".

Полный код будет выглядеть так:

<button id="myButton">Нажми меня</button>

<script>
  document.getElementById("myButton").addEventListener("click", function() {
    alert("Кнопка нажата!");
  });
</script>

Этот код можно добавить в любое место на странице, например, между тегами <head> и <body>.

0 | 0

Как при нажатии на кнопку выполнить javascript код?

2 ответа

Похожие обсуждения: