Here is some local Storage and some cookie js storage

Here it is using cookies : document.getElementById('register').addEventListener('click', registerForm); function registerForm() { let myDate = new Date(); myDate.setFullYear(myDate.getFullYear() + 1); let expires = myDate.toUTCString(); let firstName = document.getElementById('fname').value; let lastName = document.getElementById('lname').value; let username = document.getElementById('user').value; let password = document.getElementById('pass').value; document.cookie = `firstName=${encodeURIComponent(firstName)}; expires=${expires}`; document.cookie = `lastName=${encodeURIComponent(lastName)}; expires=${expires}`; document.cookie = `username=${encodeURIComponent(username)}; expires=${expires}`; document.cookie = `password=${encodeURIComponent(password)}; expires=${expires}`; location.reload(); // Refresh the page after setting cookies } window.onload = function() { if (document.cookie.length > 0) { let cookieArray = document.cookie.split('; '); let myCookies = []; for (let cookie of cookieArray) { let equalPos = cookie.indexOf('='); let cookieName = cookie.substring(0, equalPos); let cookieValue = decodeURIComponent(cookie.substring(equalPos + 1)); let myObj = { cookieName: `${cookieName}`, cookieValue: `${cookieValue}` }; myCookies.push(myObj); } let section = document.querySelector('section'); for (let item of myCookies) { let p = document.createElement('p'); p.textContent = `${item.cookieName}: ${item.cookieValue}`; section.appendChild(p); } } }; and here it is using localstorage : document.getElementById('register').addEventListener('click', registerForm); function registerForm() { let myDate = new Date(); myDate.setFullYear(myDate.getFullYear() + 1); let expires = myDate.toUTCString(); localStorage.setItem('firstName', document.getElementById('fname').value); localStorage.setItem('lastName', document.getElementById('lname').value); localStorage.setItem('username', document.getElementById('user').value); localStorage.setItem('password', document.getElementById('pass').value); localStorage.setItem('myDate', expires); location.reload(); } window.onload = function() { if (localStorage.length > 0) { let section = document.querySelector('section'); let keys = ['firstName', 'lastName', 'username', 'password', 'myDate']; for (let key of keys) { if (localStorage.getItem(key)) { let p = document.createElement('p'); p.textContent = `${key}: ${localStorage.getItem(key)}`; section.appendChild(p); } } } };

Apr 29, 2025 - 18:09

Here is some local Storage and some cookie js storage

Here it is using cookies :

document.getElementById('register').addEventListener('click', registerForm);

function registerForm() {
let myDate = new Date();
myDate.setFullYear(myDate.getFullYear() + 1);
let expires = myDate.toUTCString();

let firstName = document.getElementById('fname').value;
let lastName = document.getElementById('lname').value;
let username = document.getElementById('user').value;
let password = document.getElementById('pass').value;

document.cookie = `firstName=${encodeURIComponent(firstName)}; expires=${expires}`;
document.cookie = `lastName=${encodeURIComponent(lastName)}; expires=${expires}`;
document.cookie = `username=${encodeURIComponent(username)}; expires=${expires}`;
document.cookie = `password=${encodeURIComponent(password)}; expires=${expires}`;

location.reload(); // Refresh the page after setting cookies

}

window.onload = function() {
if (document.cookie.length > 0) {
let cookieArray = document.cookie.split('; ');
let myCookies = [];

    for (let cookie of cookieArray) {
        let equalPos = cookie.indexOf('=');
        let cookieName = cookie.substring(0, equalPos);
        let cookieValue = decodeURIComponent(cookie.substring(equalPos + 1));
        let myObj = { cookieName: `${cookieName}`, cookieValue: `${cookieValue}` };
        myCookies.push(myObj);
    }

    let section = document.querySelector('section');
    for (let item of myCookies) {
        let p = document.createElement('p');
        p.textContent = `${item.cookieName}: ${item.cookieValue}`;
        section.appendChild(p);
    }
}

};

and here it is using localstorage : document.getElementById('register').addEventListener('click', registerForm);

function registerForm() {
let myDate = new Date();
myDate.setFullYear(myDate.getFullYear() + 1);
let expires = myDate.toUTCString();

localStorage.setItem('firstName', document.getElementById('fname').value);
localStorage.setItem('lastName', document.getElementById('lname').value);
localStorage.setItem('username', document.getElementById('user').value);
localStorage.setItem('password', document.getElementById('pass').value);
localStorage.setItem('myDate', expires);

location.reload();

}

window.onload = function() {
if (localStorage.length > 0) {
let section = document.querySelector('section');
let keys = ['firstName', 'lastName', 'username', 'password', 'myDate'];

    for (let key of keys) {
        if (localStorage.getItem(key)) {
            let p = document.createElement('p');
            p.textContent = `${key}: ${localStorage.getItem(key)}`;
            section.appendChild(p);
        }
    }
}

};