Перейти к содержанию

Рекомендуемые сообщения

В теме 1 сообщение

<!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>

 

КАК ЭТО УДАЛИТЬЬЬЬ

 

Ссылка на комментарий
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...