<script language="JavaScript"> <!-- Begin // ใส่จำนวนข้อของแบบทดสอบ (ถ้าจะเพิ่มข้อต้องแก้ที่ตัวเลขด้านล่างด้วย) var numQues = 4; // ใส่จำนวนตัวเลือกใน 1 ข้อ (ถ้าจะเพิ่มจำนวนตัวเลือกต้องแก้ที่ตัวเลขด้านล่างด้วย) var numChoi = 3; var answers = new Array(4); // ใส่คำตอบที่ถูกต้องด้านล่างนี้ (เวลาจะเฉลยข้อไหน ก็เอาคำตอบมาใส่ข้างล่างนี้เลย) // ถ้าเพิ่มจำนวนข้อ บรรทัดด้านล่างต้องเพิ่มเข้าด้วย โดยตัวเลขหลัง answer คือเลขประจำข้อ เช่น ถ้าข้อ 1 ใส่ 0 , ข้อ 2 ใส่ 1 , ข้อ 3 ใส่ 2 answers[0] = "Cascading Style Sheets"; answers[1] = "Dynamic HTML"; answers[2] = "Netscape"; answers[3] = "Common Gateway Interface"; // Do not change anything below here ... 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; } // End --> </script>

<!-- สำหรับการเพิ่มจำนวนข้อ ให้เราเพิ่ม CODE ด้านล่างลงไป 1. โจทย์ <br> <input type="radio" name="q1" value="คำตอบที่ 1">คำตอบที่ 1<br> <input type="radio" name="q1" value="คำตอบที่ 2">คำตอบที่ 2<br> <input type="radio" name="q1" value="คำตอบที่ 3">คำตอบที่ 3<p> 2. โจทย์ <br> <input type="radio" name="q2" value="คำตอบที่ 1">คำตอบที่ 1<br> <input type="radio" name="q2" value="คำตอบที่ 2">คำตอบที่ 2<br> <input type="radio" name="q2" value="คำตอบที่ 3">คำตอบที่ 3<p> หมายเหตุ : อย่าลืมแก้ค่าประจำข้อด้วย (เช่น ในข้อ 1 ช่อง name ใส่ q1 , ในข้อ 2 ช่อง name ใส่ q2 เป็นต้น) --> <font face="MS Sans Serif" size="1"> <form name="quiz"> <!-- เริ่มคำถามข้อที่ 1 --> 1. คำว่า CSS ย่อมาจากอะไร ?<br> <input type="radio" name="q1" value="Colorful Style Symbols">Colorful Style Symbols<br> <input type="radio" name="q1" value="Cascading Style Sheets">Cascading Style Sheets<br> <input type="radio" name="q1" value="Computer Style Symbols">Computer Style Symbols<p> <!-- เริ่มคำถามข้อที่ 2 --> 2. คำว่า DHTML ย่อมาจากอะไร ?<br> <input type="radio" name="q2" value="Dramatic HTML">Dramatic HTML<br> <input type="radio" name="q2" value="Design HTML">Design HTML<br> <input type="radio" name="q2" value="Dynamic HTML">Dynamic HTML</p> <!-- เริ่มคำถามข้อที่ 3 --> 3. ใครเป็นผู้สร้าง JAVASCRIPT ?<br> <input type="radio" name="q3" value="Microsoft">Microsoft<br> <input type="radio" name="q3" value="Netscape">Netscape<br> <input type="radio" name="q3" value="Sun Micro Systems">Sun Micro Systems</p> <!-- เริ่มคำถามข้อที่ 4 --> 4. What does CGI stand for?<br> <input type="radio" name="q4" value="Cascading Gate Interaction">Cascading Gate Interaction<br> <input type="radio" name="q4" value="Common GIF Interface">Common GIF Interface<br> <input type="radio" name="q4" value="Common Gateway Interface">Common Gateway Interface<p> <!-- เริ่มการเฉลยแบบทดสอบ --> <input type="button" value="ตรวจคำตอบ" onClick="getScore(this.form)"> <input type="reset" value="ลบคำตอบ"> </p> <p> คะแนนที่ได้ = <strong><input class="bgclr" type="text" size="5" name="percentage" disabled></strong><br><br> เฉลย :<br> <textarea class="bgclr" name="solutions" wrap="virtual" rows="4" cols="30" disabled>