Làm thế nào để bạn thực hiện một bài kiểm tra trong mã html?
Xin chào độc giả, Hôm nay trong blog này, bạn sẽ tìm hiểu cách Tạo Ứng dụng đố vui với Bộ đếm thời gian bằng HTML CSS & JavaScript. Trước đó, tôi đã chia sẻ một blog về cách tạo Trang web danh mục đầu tư cá nhân đáp ứng và bây giờ là lúc để tạo Ứng dụng web đố vui bằng JavaScript Show Trong chương trình này [Ứng dụng đố vui có hẹn giờ], có ba lớp hoặc hộp và các hộp này được hiển thị lần lượt trên một nút cụ thể được nhấp. Lúc đầu, trên trang web hiển thị một nút có nhãn là “Bắt đầu Quiz” và khi bạn nhấp vào nút đó, thì hộp thông tin xuất hiện với hoạt ảnh bật lên Trong hộp thông tin này, có một số quy tắc của bài kiểm tra và hai nút có nhãn là “Thoát” và “Tiếp tục”. Khi bạn bấm vào nút Thoát, hộp thông tin sẽ ẩn đi nhưng khi bạn bấm vào nút Tiếp tục, Hộp câu hỏi sẽ xuất hiện Trong Hộp câu hỏi, có một tiêu đề có tiêu đề ở bên trái và hộp hẹn giờ ở bên phải. Bộ hẹn giờ này bắt đầu giảm dần từ 15 giây xuống 0 giây và cũng hiển thị một chỉ báo dòng thời gian đang trượt từ trái sang phải theo bộ hẹn giờ. Nếu người dùng chọn một tùy chọn trong khoảng từ 15 đến 0 giây, bộ hẹn giờ sẽ bị dừng và tất cả các tùy chọn khả dụng sẽ bị tắt Nếu lựa chọn của người dùng là chính xác, màu tùy chọn đã chọn, màu nền sẽ chuyển sang màu xanh lá cây và cũng hiển thị biểu tượng đánh dấu để thông báo cho người dùng rằng câu trả lời đã chọn là chính xác. Nếu người dùng chọn một tùy chọn không chính xác, màu tùy chọn đã chọn, màu nền sẽ chuyển sang màu đỏ và có biểu tượng chữ thập để thông báo cho người dùng rằng tùy chọn đã chọn không chính xác và tùy chọn đúng sẽ được chọn tự động Nếu người dùng không chọn một tùy chọn trong khoảng thời gian từ 15 đến 0 giây, bộ đếm thời gian sẽ dừng khi nó về 0 và tùy chọn đúng của câu hỏi đó sẽ được chọn tự động. Sau đó, có nút tiếp theo để hiển thị câu hỏi tiếp theo và có tổng cộng năm câu hỏi trong Bài kiểm tra này Cuối cùng, hộp kết quả sẽ xuất hiện và hiển thị số điểm của người dùng và hai nút [Phát lại câu hỏi, Thoát khỏi câu hỏi], nếu người dùng nhấp vào nút phát lại câu hỏi, câu hỏi sẽ bắt đầu lại với câu hỏi số 1 và điểm số Video hướng dẫn Tạo ứng dụng đố vui bằng hẹn giờ Bạn có thể sử dụng Câu đố này và bạn cũng có thể thêm nhiều câu hỏi hơn vào Câu đố này. Trong các mã nguồn, tôi đã viết nhiều nhận xét về cách bạn có thể thêm nhiều câu hỏi hơn và giải thích từng dòng JavaScript của Bài kiểm tra này. Nếu bạn là người mới bắt đầu, bạn có thể gặp khó khăn trong việc hiểu mã JavaScript nhưng bạn có thể dễ dàng hiểu mã HTML & CSS và tôi đã cố gắng giải thích tất cả các dòng JavaScript bằng nhận xét, hy vọng bạn sẽ hiểu Để tạo chương trình này (Ứng dụng đố vui có hẹn giờ). Trước tiên, bạn cần tạo bốn Tệp, một Tệp HTML, Tệp CSS và hai tệp còn lại là tệp JavaScript. Sau khi tạo các tệp này, chỉ cần dán các mã sau vào tệp của bạn Đầu tiên, tạo một tệp HTML với tên của chỉ mục. html và dán các mã đã cho vào tệp HTML của bạn. Hãy nhớ rằng, bạn phải tạo một tệp với. phần mở rộng html
|