tiIip Опубликовано 6 февраля Поделиться Опубликовано 6 февраля <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Счётчик кликов</title> <style> body { font-family: Arial, sans-serif; text-align: center; margin-top: 50px; } button { padding: 10px 20px; font-size: 16px; cursor: pointer; } #counter { font-size: 24px; margin: 20px 0; } </style> </head> <body> <h1>Счётчик кликов</h1> <button id="click-btn">Нажми меня!</button> <div id="counter">Кликов: 0</div> <script> // Получаем элементы по их ID const button = document.getElementById('click-btn'); const counterDisplay = document.getElementById('counter'); // Инициализируем счётчик let clickCount = 0; // Добавляем обработчик события клика на кнопку button.addEventListener('click', function() { clickCount++; // Увеличиваем счётчик на 1 counterDisplay.textContent = `Кликов: ${clickCount}`; // Обновляем отображение }); </script> </body> </html> КАК ЭТО УДАЛИТЬЬЬЬ Hibbe, Гексафторид и perifimenko. 1 2 Ссылка на комментарий Поделиться на другие сайты Поделиться
Рекомендуемые сообщения
В теме 1 сообщение
Для публикации сообщений создайте учётную запись или авторизуйтесь
Вы должны быть пользователем, чтобы оставить комментарий
Создать учетную запись
Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!
Регистрация нового пользователяВойти
Уже есть аккаунт? Войти в систему.
Войти