Как реализовать изменение button при нажатии по отдельности

Кнопки являются одним из самых распространенных элементов на веб-страницах. Как правило, при нажатии на кнопку происходит какое-то действие, но что делать, если требуется, чтобы каждая кнопка имела свою собственную реакцию?

Возможное решение этой задачи состоит в присвоении каждой кнопке уникального идентификатора и использовании JavaScript для управления их поведением. Можно добавить обработчик события нажатия для каждой кнопки, в котором определить, что делать при нажатии на эту конкретную кнопку.

Пример:

<button id="button1">Кнопка 1</button>

<button id="button2">Кнопка 2</button>

<script>

var button1 = document.getElementById('button1');

var button2 = document.getElementById('button2');

button1.addEventListener('click', function() {

// Действие при нажатии на кнопку 1

});

button2.addEventListener('click', function() {

// Действие при нажатии на кнопку 2

});

</script>

Таким образом, каждая кнопка будет иметь свой собственный обработчик события, что позволит реализовать разное поведение для каждой из них. Это особенно полезно, когда требуется создать динамические страницы с активными элементами управления.

Важно помнить, что в данном примере использованы простые строки в качестве действий при нажатии на кнопки. В реальности могут использоваться любые скрипты или функции для выполнения нужных действий.