{
"title": "Dự án 3: Số Bảy May Mắn",
"subtitle": "Học và rèn luyện kỹ năng Bài 17 môn Web",
"description": [
{
"text": "Chào mừng các em học sinh lớp 4! Trong dự án 3 này, chúng ta sẽ lập trình ứng dụng 'Số Bảy May Mắn'.",
"bold": false
},
{
"text": " Em sẽ thực hành và sử dụng các kiến thức đã học ở Bài 17 kết hợp với các kiến thức từ các bài trước để xây dựng giao diện tương tác sinh động.",
"bold": false
}
],
"knowledge_title": "Kiến thức trọng tâm",
"knowledge_tags": [
"Bài học chính: Bài 17",
"Ngôn ngữ: HTML, CSS, JavaScript",
"Điều kiện: if - else",
"So sánh bằng: ==",
"Đổi class động: className"
],
"steps_title": "Các bước thực hiện chi tiết",
"steps": [
{
"title": "Bước 1: Khởi tạo thư mục dự án",
"body": "- Trên ổ đĩa Z, tạo thư mục dự án của em: hocsinh01/{tên của em}/bai17-3.\n- Tạo file: index.html, style.css, và tạo một thư mục con tên là assets để chứa các tệp tài nguyên hình ảnh, âm thanh."
},
{
"title": "Bước 2: Xây dựng khung HTML chính",
"body": "- Trong thẻ , khai báo thẻ đường dẫn cơ sở: và kết nối file CSS ngoài bằng đường dẫn tương đối lùi cấp: .\n- Tạo một thẻ div lớp 'container' bao bọc toàn bộ nội dung.\n- Thêm thẻ tiêu đề chính
với nội dung 'SỐ BẢY MAY MẮN'.\n- Tạo một thẻ để học sinh nhập dữ liệu.\n- Tạo nút bấm