Hướng dẫn thực hiện bài tập viết code nhập vào ngày sinh và cho biết cung hoàng đạo javascript.
1. Yêu cầu
Hãy thiết kế giao diện đơn giản dưới đây:
- Cung Ma Kết (22/12 – 19/1)
- Cung Bảo Bình (20/1 – 18/2)
- Cung Song Ngư (19/2 đến 20/3)
- Cung Bạch Dương (21/3 đến 20/4)
- Cung Kim Ngưu (21/4 đến 21/5)
- Cung Song Tử (22/5 đến 21/6)
- Cung Cự Giải ( 22/6 đến 22/7)
- Cung Sư Tử (23/7 đến 23/8)
- Cung Xử Nữ (24/8 đến 22/9)
- Cung Thiên Bình (23/9 đến 23/10)
- Cung Bọ Cạp (24/10 đến 22/11)
- Cung Nhân Mã (23/11 đến 21/12)
2. Hàm xacDinhCungHoangDao
Hàm xacDinhCungHoangDao(ngaySinh) nhận đầu vào là một chuỗi ngày sinh (ngaySinh). Trước tiên, nó tạo một đối tượng Date từ chuỗi ngày sinh đó. Sau đó, nó lấy ngày và tháng từ đối tượng Date và gán chúng vào các biến ngay và thang.
Hàm hỗ trợ lấy các mốc thời gian:
- getDate(): hàm trả về ngày trong tháng (từ ngày 1 – 31).
- getDay(): hàm trả về ngày trong tuần (0-6), với chủ nhật là
0, thứ 2 là1, thứ 3 là 2 ,… - getMonth(): hàm trả về tháng trong năm (từ 0 – 11), do đó ta cần cộng thêm
1nha. - getFullYear(): hàm trả về năm dạng đầy đủ dạng
YYYY. - getHours(): hàm trả về số giờ dạng 24h ( từ 0 – 23)
- getMinutes() trả về phút trong giờ (0 – 59).
- getSeconds() trả về số giây trong phút (0 – 59).
- getMilliSeconds() trả về tích tắc trong giây (0 – 999).
- getTime() Trả về thời gian dạng mili giây.
Tiếp theo, hàm sử dụng câu lệnh switch để kiểm tra giá trị của biến thang. Tùy thuộc vào giá trị của thang, hàm sẽ kiểm tra giá trị của ngay trong mỗi trường hợp để xác định cung hoàng đạo tương ứng. Nếu giá trị ngay nằm trong khoảng hợp lệ, hàm sẽ trả về tên cung hoàng đạo tương ứng.
Hàm xemCung() được gọi khi người dùng nhấn nút để xem cung hoàng đạo. Đầu tiên, nó lấy giá trị ngày sinh từ trường input có id là ‘txtNgaysinh’. Sau đó, nó kiểm tra xem giá trị ngày sinh có rỗng không. Nếu rỗng, một cảnh báo sẽ xuất hiện và trường input sẽ được tập trung để người dùng nhập thông tin. Ngược lại, hàm gọi xacDinhCungHoangDao(ngaySinh) để xác định cung hoàng đạo từ ngày sinh và gán giá trị cung hoàng đạo vào trường input có id là ‘txtCung’.
Trên đây là code mẫu kiểm tra cung hoàng đạo javascript trong chuỗi bài tập thực hành môn lập trình web. Cảm ơn các bạn đã tham khảo trên ttnguyen.net.
