Dahock Сообщество - Счетчик кликов

Считаем количество кликов

В этой теме мы хотим показать Вам маленький код, который при помощи библиотеки jQuery позволяет сосчитать, сколько раз пользователь кликнул по выбранным элементам.

Для получения такого счетчика кликов, Вам потребуется подключить библиотеку jQuery. Лучше это делать в конце странички следующим образом:

JavaScript код:

<script type="text/javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

Так же нам понадобятся элементы, клики по которым мы будем считать. В нашем случае это обычные кнопки input:

HTML код:

<div align="center">
 <input type="submit" value="Кнопка №1">
 <input type="submit" value="Кнопка №2">
 <input type="submit" value="Кнопка №3">
</div>

После того, как Вы добавили на страничку кнопки и подключили библиотеку jQuery, добавьте следующий JavaScript код, который будет считать количество кликов по элементам (в нашем случае по элементам input):

JavaScript код:

<script type="text/javascript">
$('input')
.data('counter', 0)                            // Обнуляем счетчик
.click(function() {
    var counter = $(this).data('counter');    // Получаем значение
    $(this).data('counter', counter + 1);        // Увеличиваем значение на 1
    alert($(this).data('counter'));            // Выводим количество кликов
});
</script>

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

 ​​​​​​​

Задачи 2019
Просмотров: 243
Рейтинг: 3.6

Обновление
Просмотров: 306
Рейтинг: 2.5

Закрыть меню
Боковая Панель Закрыть

 Навигация Основное:

На Музыкальный Сайт  (Музыкальный Сайт на котором эксклюзивное видео и аудиозаписи с RaidCall)

На Кино Сайт    (Кино Сайт где вы найдете мультфильмы,фильмы и шоу а также фильмы от Dahock)

На Хоррор Сайт  (Мистический Сайт где только мрак и тишина любителям мистики)

На Manual Dahock  (Мануал для тех кто попал впервые на Портал)

На XDXKX  (Hard Anime Сайт только +18)

На Газета DHK  (Авторский Информационный Блог)

Каналы:

Ютуб (Основной канал  всегда самое первое видео выходит раньше всего)

Рутуб (Второстепенный канал на русскоязычном портале)

Соц-Сети:

Вконтакте   (В этой группе всегда все самые самые свежие новости а также регулярные новости)

Одноклассники  (Для тех кто не сидит не где кроме Одноклассники)

Фейсбук  (Всемирная соц сеть где выходят не все новости а только отсортированные)

МайлРу  (Редкая группа редко выходят новости и видео для тех кто не любит ничего кроме МайлРу)

Твиттер  (Всегда свежие статейки ссылки и цитаты)

close