JavaScriptTingkat: Menengah5 min
Web Storage API: localStorage & sessionStorage
Simpan preferensi tema, cache data, dan status pengguna di sisi browser secara persisten menggunakan localStorage dan sessionStorage.
Perbedaan localStorage vs sessionStorage
Pratinjau TerbukaWeb Storage API menyediakan penyimpanan data key-value berbasis string di peramban pengguna.
Poin Penting:
localStorage: Persisten selamanya bahkan setelah browser ditutup dan dibuka kembali.
sessionStorage: Hanya bertahan selama tab browser aktif, otomatis terhapus saat tab ditutup.
Gunakan JSON.stringify() dan JSON.parse() untuk menyimpan objek atau array JavaScript.
Membaca & Menulis Data
Metode inti: setItem, getItem, removeItem, dan clear:
// Menyimpan data konfigurasi tema
const temaConfig = { tema: "dark", ukuranFont: 14 };
localStorage.setItem("user_pref", JSON.stringify(temaConfig));
// Mengambil data kembali
const tersimpan = localStorage.getItem("user_pref");
if (tersimpan) {
const preferensi = JSON.parse(tersimpan);
console.log("Tema aktif pengguna:", preferensi.tema);
}
Live Compiler Runner
Akses Kursus Wajib Login
Buka Akses Penuh Silabus & Praktikum
Masuk dengan akun GitHub, Google, atau Akses Cepat Developer untuk membuka seluruh materi mendalam, menjalankan compiler interaktif, mengerjakan kuis, dan menyimpan progres belajar Anda.
145+ Modul Lengkap•Tersimpan Otomatis•Sertifikat Kelulusan Resmi