Home esercizi javascript session storage

Esercizi Session Storage JavaScript

Esercizio 1: Salvare un valore

Salvare un valore nel Session Storage.

sessionStorage.setItem("chiave", "valore");
console.log(sessionStorage.getItem("chiave")); // 'valore'

Esercizio 2: Recuperare un valore

Recuperare un valore dal Session Storage.

sessionStorage.setItem("chiave", "valore");
const valore = sessionStorage.getItem("chiave");
console.log(valore); // 'valore'

Esercizio 3: Rimuovere un valore

Rimuovere un valore dal Session Storage.

sessionStorage.setItem("chiave", "valore");
sessionStorage.removeItem("chiave");
console.log(sessionStorage.getItem("chiave")); // null

Esercizio 4: Salvare un oggetto

Salvare un oggetto come stringa JSON nel Session Storage.

const utente = { nome: "Alice", età: 25 };
sessionStorage.setItem("utente", JSON.stringify(utente));
console.log(sessionStorage.getItem("utente")); // '{"nome":"Alice","età":25}'

Esercizio 5: Recuperare un oggetto

Recuperare un oggetto dal Session Storage e convertirlo da JSON a oggetto JavaScript.

const utente = { nome: "Alice", età: 25 };
sessionStorage.setItem("utente", JSON.stringify(utente));
const utenteSalvato = JSON.parse(sessionStorage.getItem("utente"));
console.log(utenteSalvato); // { nome: 'Alice', età: 25 }

Esercizio 6: Verificare l’esistenza di una chiave

Verificare se una chiave esiste nel Session Storage.

sessionStorage.setItem("chiave", "valore");
const esiste = sessionStorage.getItem("chiave") !== null;
console.log(esiste); // true

sessionStorage.removeItem("chiave");
const nonEsiste = sessionStorage.getItem("chiave") === null;
console.log(nonEsiste); // true

Esercizio 7: Salvare più valori

Salvare più valori nel Session Storage e recuperarli.

sessionStorage.setItem("nome", "Alice");
sessionStorage.setItem("età", "25");
const nome = sessionStorage.getItem("nome");
const età = sessionStorage.getItem("età");
console.log(nome); // 'Alice'
console.log(età); // '25'

Esercizio 8: Pulire il Session Storage

Rimuovere tutti i valori dal Session Storage.

sessionStorage.setItem("chiave1", "valore1");
sessionStorage.setItem("chiave2", "valore2");
sessionStorage.clear();
console.log(sessionStorage.getItem("chiave1")); // null
console.log(sessionStorage.getItem("chiave2")); // null