Навигация

Простой счетчик посещений HTML страницы на JavaScript

Простой счетчик посещений HTML страницы на JavaScript

Только Html + JavaScript

index.html:
<!DOCTYPE html> <head> <meta charset="UTF-8"> <script src="counter.js" type='text/javascript'></script> </head> <body> <h1>Тестовая страница</h1> <p>Количество посещений: <span id="counter">0</span></p> </body> </html>

counter.js:
document.addEventListener('DOMContentLoaded', function () { // Текущее значение счетчика из localStorage let cnt = localStorage.getItem('visitCount'); // Устанавливаем счетчик в 0, если посещение впервые if (cnt === null) { cnt = 0; }; // Увеличиваем счетчик на 1 cnt++; // Обновляем значение счетчика в localStorage localStorage.setItem('visitCount', cnt); // Выводим значение счетчика на страницу document.getElementById('counter').innerText = cnt; });

Поддержать автора и канал: https://yoomoney.ru/to/410012210709233

Комментарии пользователей

Эту новость ещё не комментировалиНаписать комментарий

Анонимам нельзя оставоять комментарии, зарегистрируйтесь!

Контакты Группа ВК

Код обмена баннерами

Видео к IT статьям на YoutubeВидео на другие темы Смотреть

Мои друзья:

Советы, помощь, инструменты для сис.админа, статическая и динамическая маршрутизация, FreeBSD

© Snakeproject.ru создан в 2013 году.
При копировании материала с сайта - оставьте ссылку.
Весь материал на сайте носит ознакомительный характер,
за его использование другими людьми, автор ответственности не несет.

Поддержать автора и проект

Главная	⇒ Статьи по тематикам ⇐	Карта сайта	Контакты
Учебники по IT	IP-Калькулятор	NSLOOKUP	Видео IT
Баллистический калькулятор: тип 1 и тип 2 Калькулятор поправок в MOA Баллистический коэффициент пневматики		Файлы NSLOOKUP IP-Калькулятор