<!DOCTYPE html>
<html>
<head>
    <title>ข้อสอบระบบห้องพยาบาล</title>
</head>
<body>
    <h1>ข้อสอบปรนัย</h1>
    <form id="quizForm">
        <p>1. คำถาม 1: ยาแก้ปวดหัวคืออะไร </p>
        <input type="radio" name="q1" value="a"> a) ยาธาตุ<br>
        <input type="radio" name="q1" value="b"> b) ยาพารา<br>
        <input type="radio" name="q1" value="c"> c) ยาแก้อักเสบ<br>

        <p>2. คำถาม 2: ปวดท้องข้างขวาคืออาการอะไร</p>
        <input type="radio" name="q2" value="a"> a) ท้องเสีย<br>
        <input type="radio" name="q2" value="b"> b) ไส้ติ่ง<br>
        <input type="radio" name="q2" value="c"> c) ท้องอืด<br>

		<p>3. คำถาม 3: การเรียกรถพยาบาลควรโทรเบอร์ไหน</p>
        <input type="radio" name="q3" value="a"> a) 1669<br>
        <input type="radio" name="q3" value="b"> b) 191<br>
        <input type="radio" name="q3" value="c"> c) 1122<br>

        <input type="submit" value="ส่งคำตอบ">
    </form>

    <div id="result"></div>

    <script>
        document.getElementById("quizForm").addEventListener("submit", function(event) {
            event.preventDefault(); // ป้องกันหน้าเว็บรีเฟรช
            var score = 0;

            var q1Answer = document.querySelector('input[name="q1"]:checked');
            var q2Answer = document.querySelector('input[name="q2"]:checked');
            var q3Answer = document.querySelector('input[name="q3"]:checked');

            if (q1Answer && q2Answer) {
                if (q1Answer.value === "b") {
                    score += 1;
                }
                if (q2Answer.value === "b") {
                    score += 1;
                }
				if (q3Answer.value === "a") {
                    score += 1;
                }

                document.getElementById("result").innerHTML = "คะแนนของคุณคือ " + score + "/3";
            } else {
                document.getElementById("result").innerHTML = "กรุณาตอบคำถามทุกข้อ";
            }
        });
    </script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
    <title>ข้อสอบระบบห้องพยาบาล</title>
</head>
<body>
    <h1>ข้อสอบอัตรานัย</h1>
    <form id="essayForm">
        <p>1. อธิบายความหมายของคำว่า "ห้องพยาบาล" ในมุมมองของคุณ:</p>
        <textarea name="q1" rows="4" cols="50"></textarea>

        <input type="submit" value="ส่งคำตอบ">
    </form>

    <div id="result"></div>
</body>
</html>
