Dự án thực hành: Taskboard CLB | Câu Lạc Bộ AI TPK

Dự án thực hành hoàn chỉnh

Taskboard mini cho nhóm CLB

Mở bản demo Taskboard để thử ứng dụng. Dự án dùng HTML/CSS/JavaScript và localStorage; không có API, tài khoản hay máy chủ.

Thêm task: form lấy tiêu đề, nhóm công việc và ưu tiên; trim khoảng trắng; giới hạn độ dài.
Hiển thị danh sách: tạo từng thẻ bằng DOM. Dùng textContent cho dữ liệu người dùng — không ghép chuỗi vào innerHTML — để giảm nguy cơ chèn HTML/script.
Trạng thái: checkbox đánh dấu hoàn thành; bộ lọc xem tất cả/đang làm/hoàn tất.
Lưu cục bộ: chuyển mảng thành JSON trong localStorage; xử lý trường hợp dữ liệu hỏng hoặc trình duyệt chặn lưu.
Kiểm thử: task rỗng, task quá dài, dấu ngoặc/góc nhọn, danh sách rỗng, tải lại trang, thao tác bàn phím và điện thoại.
Nêu giới hạn: dữ liệu chỉ trên thiết bị hiện tại; không đồng bộ nhóm, không lưu trữ an toàn cho dữ liệu bí mật.

Thêm deadline, sắp xếp theo ưu tiên hoặc nút xuất JSON. Viết test/checklist trước khi sửa; không thêm chức năng xóa hàng loạt nếu chưa có xác nhận.