Menyimpan Data di Browser dengan LocalStorage dan SessionStorage

Menggunakan LocalStorage:

LocalStorage memungkinkan Anda untuk menyimpan data di browser secara persisten, bahkan setelah browser ditutup dan dibuka kembali.

1. Menyimpan Data:

   // Simpan data ke LocalStorage
   localStorage.setItem('namaKunci', 'nilaiData');

2. Mengambil Data:

   // Ambil data dari LocalStorage berdasarkan kunci
   const data = localStorage.getItem('namaKunci');

3. Menghapus Data:

   // Hapus data dari LocalStorage berdasarkan kunci
   localStorage.removeItem('namaKunci');

Menggunakan SessionStorage:

SessionStorage juga digunakan untuk menyimpan data di browser, tetapi data ini hanya akan bertahan selama sesi saat itu.

1. Menyimpan Data:

   // Simpan data ke SessionStorage
   sessionStorage.setItem('namaKunci', 'nilaiData');

2. Mengambil Data:

   // Ambil data dari SessionStorage berdasarkan kunci
   const data = sessionStorage.getItem('namaKunci');

3. Menghapus Data:

   // Hapus data dari SessionStorage berdasarkan kunci
   sessionStorage.removeItem('namaKunci');

Dengan menggunakan LocalStorage dan SessionStorage, Anda dapat menyimpan dan mengakses data di browser dengan mudah. Pastikan untuk memilih antara keduanya berdasarkan kebutuhan Anda terkait persistensi data.