script.js

function setCookie(name, value, days) {
    const d = new Date();
    d.setTime(d.getTime() + (days * 24 * 60 * 60 * 1000));
    let expires = "expires=" + d.toUTCString();
    document.cookie = name + "=" + encodeURIComponent(value) + ";" + expires + ";path=/";
}

function getCookie(name) {
    let cookieArr = document.cookie.split(";");
    for (let i = 0; i < cookieArr.length; i++) {
        let cookiePair = cookieArr[i].split("=");
        if (name == cookiePair[0].trim()) {
            return decodeURIComponent(cookiePair[1]);
        }
    }
    return null;
}

function deleteCookie(name) {
    document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
}

let visitCount = getCookie("visitCount");
visitCount = visitCount ? parseInt(visitCount) : 0;

function updateCookieDisplay() {
    document.getElementById("count").textContent = visitCount;
}

document.getElementById("saveInfo").addEventListener("click", function() {
    let login = document.getElementById("login").value;
    let password = document.getElementById("password").value;
    if (login && password) {
        setCookie("login", login, 365);
        setCookie("password", password, 365);
        alert("Informacje zapisane!");
    } else {
        alert("Proszę wprowadzić zarówno login, jak i hasło.");
    }
});

document.getElementById("increase").addEventListener("click", function() {
    visitCount++;
    setCookie("visitCount", visitCount, 365);
    updateCookieDisplay();
    animateButton(this);
});

document.getElementById("decrease").addEventListener("click", function() {
    if (visitCount > 0) {
        visitCount--;
        setCookie("visitCount", visitCount, 365);
    }
    updateCookieDisplay();
    animateButton(this);
});

document.getElementById("show").addEventListener("click", function() {
    let currentCookieValue = getCookie("visitCount");
    let login = getCookie("login");
    let password = getCookie("password");
    if (login && password) {
        alert("Odwiedziłeś stronę " + currentCookieValue + " razy.\nLogin: " + login + "\nHasło: " + password);
    } else {
        alert("Nie zapisano jeszcze informacji o użytkowniku.");
    }
    animateButton(this);
});

function animateButton(button) {
    button.style.transform = "scale(1.2)";
    setTimeout(function() {
        button.style.transform = "scale(1)";
    }, 200);
}

updateCookieDisplay();