Pengenalan Web Storage

Modul 6: Pengenalan Web Storage

Web Storage adalah fitur pada browser yang memungkinkan aplikasi web menyimpan data di sisi klien. Ada dua jenis Web Storage yang umum digunakan:

1. Local Storage:

Local Storage memungkinkan penyimpanan data tanpa batas waktu. Data disimpan di browser dan akan tetap ada bahkan setelah browser ditutup.

// Menyimpan data ke Local Storage
localStorage.setItem("nama", "John");

// Mengambil data dari Local Storage
let nama = localStorage.getItem("nama");
console.log("Nama pengguna:", nama);

// Menghapus data dari Local Storage
localStorage.removeItem("nama");

2. Session Storage:

Session Storage mirip dengan Local Storage, namun data yang disimpan di Session Storage hanya tersedia selama sesi browser berlangsung. Data akan dihapus saat browser ditutup.

// Menyimpan data ke Session Storage
sessionStorage.setItem("role", "admin");

// Mengambil data dari Session Storage
let role = sessionStorage.getItem("role");
console.log("Peran pengguna:", role);

// Menghapus data dari Session Storage
sessionStorage.removeItem("role");

Web Storage sangat berguna untuk menyimpan informasi yang diperlukan oleh aplikasi web, seperti preferensi pengguna, riwayat, atau status sesi. Namun, ingatlah untuk tidak menyimpan informasi sensitif atau rahasia di dalamnya karena data disimpan di sisi klien dan dapat diakses oleh pengguna.