Chào mừng bạn ghé thăm blog!

Mã html tạo câu hỏi nhiều lựa chọn trên blog



quiz

Để 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.

Chọn 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.


5 comments

This comment has been removed by the author.
June 12, 2017 at 7:38 PM Reply

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

June 12, 2017 at 7:42 PM Reply

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

October 24, 2017 at 9:42 PM Reply

có code tính thời gian để làm bài ko ạ

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.

 

Total Pageviews

© 2011-2020 Toán và Latex
Xem blog tốt nhất với trình duyệt Firefox hoặc Chrome.

This template is developed from Thesis Blogger Theme by Toán và Latex.