Как присвоить обработчик события каждой кнопке с классом "very"?

Каким образом можно настроить обработчик события для каждой кнопки, чтобы выполнялся определенный код при их нажатии в данном HTML-элементе?
  • 19 июля 2024 г. 7:02
Ответы на вопрос 1
Для того чтобы присвоить обработчик события каждой кнопке с классом "very" в HTML, можно использовать JavaScript. Вот пример кода:


```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Event Handling</title>
<style>
    .button {
        padding: 10px 20px;
        margin: 10px;
    }
</style>
</head>
<body>

<button class="button very">Button 1</button>
<button class="button very">Button 2</button>
<button class="button very">Button 3</button>

<script>
    // Получаем все элементы с классом "very"
    const buttons = document.querySelectorAll('.very');
    
    // Присваиваем обработчик события каждой кнопке
    buttons.forEach(button => {
        button.addEventListener('click', () => {
            console.log('Кнопка была нажата');
            // Здесь можно указать любой нужный код, который будет выполняться при нажатии на кнопку
        });
    });
</script>
</body>
</html>
```

В данном примере при нажатии на каждую кнопку с классом "very" будет выводиться в консоль сообщение "Кнопка была нажата". Вместо этого сообщения можно выполнить любой нужный код.
Похожие вопросы