🟢 Bài 1: Thay đổi thuộc tính và CSS với document.getElementById

Yêu cầu:
Tạo một trang HTML có:

• Một đoạn văn (<p>)
• Một nút bấm (<button>)

Nhiệm vụ:
Khi người dùng bấm nút:

• Đổi nội dung đoạn văn thành: "Nội dung đã được thay đổi!"
• Đổi màu chữ thành đỏ
• Đổi kích thước chữ thành 24px

Gợi ý:

• Dùng document.getElementById()
• Sử dụng .innerText hoặc .innerHTML
• Thay đổi CSS qua .style

🟡 Bài 2: Bắt sự kiện onclick và onchange

Yêu cầu:
Tạo giao diện gồm:

• Một ô input (<input type="text">)
• Một nút (button)
• Một dropdown (<select> với vài lựa chọn màu sắc)

Nhiệm vụ:

1. Khi click nút (onclick):
   • Hiển thị nội dung người dùng nhập vào dưới dạng một đoạn <p>
2. Khi thay đổi dropdown (onchange):
   • Đổi màu nền của trang theo giá trị đã chọn

Gợi ý:

• Dùng onclick trực tiếp trong HTML hoặc addEventListener
• Dùng onchange cho <select>

🔵 Bài 3: Thêm và xóa nội dung bằng innerHTML

Yêu cầu:
Tạo:

• Một danh sách (<ul>)
• Một ô input nhập nội dung
• Hai nút: Thêm và Xóa tất cả

Nhiệm vụ:

1. Khi bấm Thêm:
   • Thêm một <li> mới vào danh sách với nội dung từ input
2. Khi bấm Xóa tất cả:
   • Xóa toàn bộ danh sách

Gợi ý:

• Dùng innerHTML += để thêm
• Dùng innerHTML = "" để xóa