HTML5: Practical 10
Exercise 1:
Sử dụng HTML và Dreamweaver tạo giao diện như hình dưới đây:
Giao diện tuân thủ đúng yêu cầu như hình trên.
Hai dòng chữ trên cùng có màu xanh (Blue).
Các thao tác sau đây sẽ được thực hiện trên form:
- Khi nhấn vào nút “Xoa”, mọi thông tin người dùng đã nhập trên form sẽ bị xóa.
- Khi nhẫn vào nút “Huy”, một hộp thoại thông báo (MessageBox) sẽ được hiện thị với nội dung : “Bạn đã hủy bỏ việc gửi bản điều tra”. Sau đó, con trỏ sẽ được đặt tại ô (textarea) “Lý do bạn yêu quý nó”.
- Khi người dùng nhấn vào nút “Gui”, các yêu cầu sau đây cần được kiểm tra:
1. Nếu bạn chọn vào ô “CÓ” của con vật nào đó thì bạn bắt buộc phải nhập tên, nếu không nhập tên, một hộp thoại thông báo : “Bạn phải nhập tên con vật minh yêu quý”. Sau đó, con trỏ được đặt tại ô tương ứng để người dùng có thể nhập tên.
2. Bạn phải chọn ít nhất một con vật (CHÓ hoặc MÈO) trong ô lựa chọn CÓ tương ứng.
3. Nếu bạn chọn vào ô “CÓ” của con vật nào đó thì bạn bắt buộc phải chọn màu lông cho con vật đó, nếu không chọn, một hộp thoại thông báo : “Bạn phải chọn màu lông cho con vật yêu quý của bạn”.
4. Khi thông tin đã được nhập đầy đủ, trình duyệt sẽ đưa người dùng sang trang web: "http://v1study.com".
Exercise 2:
Viết một đoạn JavaScript trong trang HTML như hình 3 dưới đây. Khi nhấn vào nút “So sánh” chương trình sẽ so sánh độ dài 2 xâu trong hai ô chữ A và B. Nếu ô chữ nào có độ dài lớn hơn thì ô lựa chọn tương ứng sẽ được đánh dấu. Nếu bằng nhau thì ô bằng nhau sẽ được đánh dấu.
Exercise 3:
Thiết kế một form cho phép nhập vào một tháng (dương lịch), sau đó hiển thị số ngày tương ứng của tháng đó.
Trong trường hợp tháng là 2 thì sẽ hiện ra một input (nếu tháng không phải là 2 thì ẩn đi) cho phép nhập vào một năm (âm hoặc dương đều được) rồi đưa ra thông báo tháng 2 năm đó có bao nhiêu ngày.
Nếu năm nhập vào <0 thì ghép thêm chuỗi "trước công nguyên" vào phần thông báo cho phù hợp.
Các tháng có 31 ngày gồm: 1, 3, 5, 7, 8, 10, 12.
Các tháng có 30 ngày gồm: 4, 6, 9, 11.
Tháng 2 có 28 ngày nếu là năm thường, có 29 ngày nếu là năm nhuận.
Năm nhuận: (chia hết cho 4 nhưng không chia hết cho 100) hoặc (chia hết cho 400)
Xin mời xem đáp án tham khảo tại ĐÂY.