Todo List

Xây dựng một ứng dụng Todo đơn giản bằng JavaScript, tập trung vào quản lý trạng thái, thao tác với danh sách (thêm / sửa / xóa) và lưu trữ cục bộ.

Yêu cầu thực hiện

• Xây dựng giao diện và luồng thêm/sửa/xóa todo.
• Lưu trạng thái danh sách vào localStorage và khởi tạo lại khi tải ứng dụng.
• Quản lý và cập nhật state bằng các phương thức Array.
• Tham khảo ứng dụng mẫu: https://todo-vanila-react.vercel.app/
• Khuyến khích viết code theo kiểu function, tránh side-effect không cần thiết.

Gợi ý kỹ thuật

• Dùng localStorage để lưu mảng todo: trước khi lưu dùng JSON.stringify(), khi load dùng JSON.parse().
• Tách chức năng rõ ràng: rendering, thao tác state, và tương tác với localStorage nên là các hàm riêng.
• Sử dụng map để render danh sách, filter để xóa hoặc lọc, findIndex để tìm phần tử cần cập nhật.
• Đảm bảo ứng dụng vẫn hoạt động khi localStorage trống (fallback sang mảng rỗng).