Jadi, ternyata, biar data to-do list saya ga ilang teh ya, bisa disimpen di local storage yang ada di browser. Nah, itu teh mirip sama session. Kalau sessionStorage mah ada jangka waktunya, kalau localStorage mah gak ada.

Kalau ngetik localStorage di console terus pencen enter, maka akan ada informasi key dan value nya. Tapi karena belum dibikin maka akan muncul informasi ini : Storage { length: 0 }. Yang artinya belum ada data apapun.

Jadi, saya bakal masukin datanya.

setItem()

Adalah sebuah method untuk masukin data di local storage dengan ngasih key dan value

localStorage.setItem('nama', 'dekadensiotak');

'nama' adalah key, dan 'dekadensiotak' adalah value.

Jadi, ketika diketik localStorage lagi di console, akan muncul informasi ini : Storage { nama: "dekadensiotak", length: 1 }.

Coba saya tambahin satu lagi datanya.

localStorage.setItem('alamat', 'internet');

Maka informasi localStorage-nya jadi seperti ini: Storage { nama: "dekadensiotak", alamat: "internet", length: 2 }.

Itu berarti bahwa length menunjukan jumlah item yang ada di dalam localStorage.

getItem()

Adalah untuk ngambil value dari sebuah key di localStorage.

localStorage.getItem('alamat');
// internet

removeItem()

Adalah method untuk ngehapus item yang ada di localStorage.

Saya bakal ngehapus data yang key-nya adalah alamat.

localStorage.removeItem('alamat');

Maka, datanya bakal balik lagi jadi Storage { nama: "dekadensiotak", length: 1 }.

clear()

Ini mah untuk ngehapus semua item yang ada di localStorage.

localStorage.clear();

Data di localStorage bakal kosong lagi: Storage { length: 0 }.

Nah, udah gitu doang bos. Ini data dalam localStorage bakal terus ada sebelum di clear(). Jadi, walaupun itu browser di-refresh atau di-close pun, data masih aman.