Home » Blogspot » Mã html tạo câu hỏi nhiều lựa chọn trên blog
Mã html tạo câu hỏi nhiều lựa chọn trên blog
February 4, 2017 | Posted by
Hồng Phi |
5
comments
Để tạo câu hỏi nhiều lựa chọn trên blog phục vụ cho việc kiểm tra trắc nghiệm như trong hình trên ta tiến hành 4 bước như sau
1) Trong khung soạn thảo bài viết ở blog ta chọn chức năng soạn thảo HTML.
2) Tạo câu hỏi và các phương án trả lời bằng cách sao chép đoạn mã dưới đây và thay thế phần nội dung của bạn vào chỗ màu đỏ
<form name="quiz">
<b> 1. Nội dung câu hỏi 1...</b>
<ul style="margin-top: 1pt;">
<input name="q1" type="radio" value="A" />A) Đáp án thứ nhất...</BR>
<input name="q1" type="radio" value="B" />B) Đáp án thứ hai...</BR>
<input name="q1" type="radio" value="C" />C) Đáp án thứ ba...</BR>
<input name="q1" type="radio" value="D" />D) Đáp án thứ tư...</BR>
<b> 2. Nội dung câu hỏi 2...</b>
<ul style="margin-top: 1pt;">
<input name="q2" type="radio" value="A" />A) Đáp án thứ nhất...</BR>
<input name="q2" type="radio" value="B" />B) Đáp án thứ hai...</BR>
<input name="q2" type="radio" value="C" />C) Đáp án thứ ba...</BR>
<input name="q2" type="radio" value="D" />D) Đáp án thứ tư...</BR>
<input onclick="getScore(this.form)" type="button" value="Xem kết quả" /> <input type="reset" value="Làm lại" /> Điểm đạt được = <strong><input class="bgclr" disabled="" name="percentage" size="5" type="text" /></strong> </BR>
Đáp án: <textarea class="bgclr" cols="80" disabled="" name="solutions" rows="10" wrap="virtual"> </textarea> </ul> </ul>
3) Để tạo câu hỏi thứ hai, thứ ba,... bạn làm tương tự bước 2 với lưu ý thay thế q1 (chỗ màu xanh) tương ứng thành thành q2, q3,...
4) Cuối cùng bạn chép đoạn mã dưới đây vào sau đoạn mã trên
<style type="text/css">
.bgclr {background-color: white; color: blue; font-weight: bold;}
</style> <script language="JavaScript">
// Số câu hỏi
var numQues = m;
//Số phương án trả lời
var numChoi = 4;
//Số câu hỏi được hiển thị đáp án
var answers = new Array(M);
// Đáp án đúng cho câu hỏi
answers[0] = "C";
answers[1] = "A";
function getScore(form) {
var score = 0;
var currElt;
var currSelection;
for (i=0; i<numQues; i++) {
currElt = i*numChoi;
for (j=0; j<numChoi; j++) {
currSelection = form.elements[currElt + j];
if (currSelection.checked) {
if (currSelection.value == answers[i]) {
score++;
break;
}
}
}
}
score = Math.round(score/numQues*100);
form.percentage.value = score + "%" ;
var correctAnswers = "";
for (i=1; i<=numQues; i++) {
correctAnswers += i + ". " + answers[i-1] + "\r\n";
}
form.solutions.value = correctAnswers;
}
</script>
+) Nếu trong bài trắc nghiệm của bạn có tất cả 9 câu hỏi thì bạn thay m trong var numQues = m; thành số 9.+) Nếu bạn muốn hiển thị đáp án đúng cho 7 câu trắc nghiệm trong bài trắc nghiệm thì thay M trong var answers = new Array(M); thành 7.
+) Nếu Câu 1 có đáp án đúng là C thì khai báo answers[0] = "C"; Câu 2 có đáp án đúng là A thì khai báo answers[1] = "A";,... Tương tự như vậy bạn tạo thêm các đáp án đúng cho câu thứ ba, thứ tư,... bằng cách thêm
answers[2] = " "; answers[3] = " "; ...
Chúc bạn thành công.
Subscribe to:
Post Comments (Atom)
5 comments
Sao mình làm như đúng như vậy mà khi xem trước bài đăng thì càg kéo xuốg thì nó lại 1 chữ 1 dòng là sao bạn
Sao mình làm như đúng như vậy mà khi xem trước bài đăng thì càg kéo xuốg thì nó lại 1 chữ 1 dòng là sao bạn
có code tính thời gian để làm bài ko ạ
khá hay
tư vấn điện
công ty tư vấn điện
nhiệt điện
Post a Comment
+) Khi đăng nhận xét, bạn vui lòng viết Tiếng Việt đủ dấu và nhận xét đó có liên quan đến bài viết. Rất vui vì bạn đã đọc bài và cho ý kiến.
+) Vì có nhiều spam comments nên chế độ bình luận "ẩn danh" (nặc danh) đã đóng lại.