html/lab6/task4/script.js - main - RoditelevVV/web-static-labs

html/lab6/task4/script.js
62 строки2 KB
karpov
finish lab5, proba lab6
19 мар 2026, 17:02
19 мар 2026, 17:02e0606a0
'use strict';

let currentTimeSpan = document.getElementById('currentTime');
let visitNumberSpan = document.getElementById('visitNumber');
let visitList = document.getElementById('visitList');
let clearBtn = document.getElementById('clearHistory');

// Загружаем историю из localStorage
let history = JSON.parse(localStorage.getItem('visitHistory')) || [];

// Добавляем текущее посещение
let now = new Date();
let nowString = now.toISOString();
let nowFormatted = now.toLocaleString();

currentTimeSpan.textContent = nowFormatted;

history.push(nowString);

// Обновляем статистику
visitNumberSpan.textContent = history.length;

// Сохраняем обновленную историю
localStorage.setItem('visitHistory', JSON.stringify(history));

// Функция отображения истории
function displayHistory() {
    visitList.innerHTML = '';
    
    // Получаем последние 5 посещений и переворачиваем (новые сверху)
    let lastFive = history.slice(-5).reverse();
    
    if (lastFive.length === 0) {
        visitList.innerHTML = '<li class="empty-list"> История посещений пуста</li>';
        return;
    }
    
    lastFive.forEach(dateString => {
        let li = document.createElement('li');
        li.className = 'visit-item';
        
        let visitDate = new Date(dateString);
        let formattedDate = visitDate.toLocaleString();
        
        li.innerHTML = `<span class="visit-time"> ${formattedDate}</span>`;
        
        visitList.appendChild(li);
    });
}

// Отображаем историю
displayHistory();

// Очистка истории
clearBtn.addEventListener('click', function() {
    if (confirm('Вы уверены, что хотите очистить историю посещений?')) {
        history = [];
        localStorage.setItem('visitHistory', JSON.stringify(history));
        displayHistory();
        visitNumberSpan.textContent = '0';
    }
});