BÀI 15: LƯU TRỮ DỮ LIỆU TRÊN TRÌNH DUYỆT

1. localStorage là gì?

localStorage là bộ nhớ lưu trữ dữ liệu ngay trên trình duyệt người dùng. Dữ liệu không mất khi tải lại trang hoặc tắt trình duyệt.

👉 Ứng dụng thực tế: ghi chú học tập, lưu trạng thái checkbox, cấu hình website…

2. Cú pháp cơ bản

• Lưu dữ liệu: localStorage.setItem("key", value)
• Đọc dữ liệu: localStorage.getItem("key")
• Xóa 1 dữ liệu: localStorage.removeItem("key")
• Xóa tất cả: localStorage.clear()

3. Ví dụ thực hành: Ghi chú cá nhân

Thử nhập nội dung → bấm Lưu → F5 trang → ghi chú vẫn còn.