\u0e40\u0e01\u0e21\u0e40\u0e15\u0e34\u0e21\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c \u0e1b.2<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@400;700&display=swap');\n\n body {\n font-family: 'Sarabun', sans-serif;\n background-color: #f0f8ff;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);\n }\n\n .game-container {\n background-color: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n width: 90%;\n max-width: 600px;\n text-align: center;\n }\n\n h1 {\n color: #2c3e50;\n margin-bottom: 10px;\n font-size: 28px;\n }\n\n .score-board {\n font-size: 18px;\n color: #555;\n margin-bottom: 20px;\n background: #e1f5fe;\n padding: 10px;\n border-radius: 10px;\n display: inline-block;\n }\n\n .question-box {\n font-size: 24px;\n color: #333;\n margin: 30px 0;\n line-height: 1.6;\n font-weight: bold;\n }\n\n .options-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 20px;\n }\n\n button.option-btn {\n background-color: #ff9a9e;\n border: none;\n border-radius: 15px;\n padding: 15px;\n font-size: 20px;\n font-family: 'Sarabun', sans-serif;\n cursor: pointer;\n color: white;\n transition: transform 0.2s, background-color 0.2s;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n }\n\n button.option-btn:hover {\n transform: scale(1.05);\n background-color: #ff6f91;\n }\n\n button.option-btn:active {\n transform: scale(0.95);\n }\n\n \/* \u0e2a\u0e35\u0e1b\u0e38\u0e48\u0e21\u0e2a\u0e25\u0e31\u0e1a\u0e01\u0e31\u0e19\u0e43\u0e2b\u0e49\u0e19\u0e48\u0e32\u0e23\u0e31\u0e01 *\/\n button.option-btn:nth-child(2n) { background-color: #84fab0; color: #055a2d; }\n button.option-btn:nth-child(2n):hover { background-color: #48c983; }\n\n button.option-btn:nth-child(3n) { background-color: #a18cd1; color: white;}\n button.option-btn:nth-child(3n):hover { background-color: #8a6ac2; }\n\n .feedback {\n font-size: 20px;\n height: 30px;\n margin-top: 10px;\n font-weight: bold;\n }\n \n .correct { color: #2ecc71; }\n .wrong { color: #e74c3c; }\n\n .hidden { display: none; }\n\n #restart-btn {\n background-color: #3498db;\n color: white;\n border: none;\n padding: 15px 30px;\n font-size: 20px;\n border-radius: 50px;\n cursor: pointer;\n margin-top: 20px;\n }\n \n .progress-bar {\n width: 100%;\n background-color: #ddd;\n border-radius: 10px;\n height: 10px;\n margin-bottom: 20px;\n overflow: hidden;\n }\n \n .progress-fill {\n height: 100%;\n background-color: #4caf50;\n width: 0%;\n transition: width 0.3s;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"game-container\">\n <h1>\ud83c\udf88 \u0e40\u0e01\u0e21\u0e40\u0e15\u0e34\u0e21\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c \u0e1b.2<\/h1>\n \n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"progress\"><\/div><\/div>\n \n <div class=\"score-board\">\n \u0e04\u0e30\u0e41\u0e19\u0e19: <span id=\"score\">0<\/span> \/ 30\n <\/div>\n\n <div id=\"quiz-area\">\n <div class=\"question-box\" id=\"question-text\">\n \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e04\u0e33\u0e16\u0e32\u0e21…\n <\/div>\n <div class=\"options-grid\" id=\"options-area\">\n <\/div>\n <div class=\"feedback\" id=\"feedback-text\"><\/div>\n <\/div>\n\n <div id=\"result-area\" class=\"hidden\">\n <h2>\ud83c\udf89 \u0e08\u0e1a\u0e40\u0e01\u0e21\u0e41\u0e25\u0e49\u0e27\u0e40\u0e01\u0e48\u0e07\u0e21\u0e32\u0e01! \ud83c\udf89<\/h2>\n <p style=\"font-size: 24px;\">\u0e04\u0e38\u0e13\u0e17\u0e33\u0e44\u0e14\u0e49 <span id=\"final-score\" style=\"color:#e74c3c; font-weight:bold;\"><\/span> \u0e04\u0e30\u0e41\u0e19\u0e19<\/p>\n <button id=\"restart-btn\" onclick=\"restartGame()\">\u0e40\u0e25\u0e48\u0e19\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/button>\n <\/div>\n<\/div>\n\n<script>\n \/\/ \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e33\u0e16\u0e32\u0e21 30 \u0e02\u0e49\u0e2d \u0e08\u0e32\u0e01\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e44\u0e27\u0e49\n const questions = [\n { q: \"\u0e04\u0e38\u0e13\u0e04\u0e23\u0e39\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e47\u0e1a\u0e43\u0e1a\u0e07\u0e32\u0e19\u0e43\u0e2a\u0e48 ______ \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\", a: \"\u0e41\u0e1f\u0e49\u0e21\" },\n { q: \"\u0e40\u0e27\u0e25\u0e32\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e2d\u0e07\u0e1b\u0e34\u0e14\u0e44\u0e1f \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14 ______\", a: \"\u0e44\u0e1f\u0e1f\u0e49\u0e32\" },\n { q: \"\u0e09\u0e31\u0e19\u0e43\u0e0a\u0e49 ______ \u0e25\u0e1a\u0e04\u0e33\u0e17\u0e35\u0e48\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1c\u0e34\u0e14\", a: \"\u0e22\u0e32\u0e07\u0e25\u0e1a\" },\n { q: \"\u0e40\u0e23\u0e32\u0e43\u0e0a\u0e49\u0e41\u0e1b\u0e23\u0e07\u0e2a\u0e35\u0e1f\u0e31\u0e19\u0e04\u0e39\u0e48\u0e01\u0e31\u0e1a ______\", a: \"\u0e22\u0e32\u0e2a\u0e35\u0e1f\u0e31\u0e19\" },\n { q: \"\u0e04\u0e38\u0e13\u0e1e\u0e48\u0e2d\u0e02\u0e31\u0e1a ______ \u0e44\u0e1b\u0e2a\u0e48\u0e07\u0e09\u0e31\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e19\u0e49\u0e32\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\", a: \"\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c\" },\n { q: \"\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49\u0e1d\u0e19\u0e15\u0e01 \u0e09\u0e31\u0e19\u0e08\u0e36\u0e07\u0e01\u0e32\u0e07 ______ \u0e40\u0e14\u0e34\u0e19\u0e01\u0e25\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19\", a: \"\u0e23\u0e48\u0e21\" },\n { q: \"\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e02\u0e49\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e16\u0e2d\u0e14 ______ \u0e27\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\", a: \"\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\" },\n { q: \"\u0e09\u0e31\u0e19\u0e44\u0e1b ______ \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e01\u0e31\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e46\", a: \"\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\" },\n { q: \"\u0e19\u0e49\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e44\u0e2b\u0e49\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e17\u0e33 ______ \u0e2a\u0e27\u0e23\u0e23\u0e04\u0e4c\u0e2b\u0e25\u0e38\u0e14\u0e21\u0e37\u0e2d\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e1a\u0e19\u0e1f\u0e49\u0e32\", a: \"\u0e25\u0e39\u0e01\u0e42\u0e1b\u0e48\u0e07\" },\n { q: \"\u0e04\u0e38\u0e13\u0e1b\u0e39\u0e48\u0e0a\u0e2d\u0e1a\u0e1f\u0e31\u0e07\u0e02\u0e48\u0e32\u0e27\u0e08\u0e32\u0e01 ______ \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e01\u0e48\u0e32\", a: \"\u0e27\u0e34\u0e17\u0e22\u0e38\" },\n { q: \"\u0e1e\u0e27\u0e01\u0e40\u0e23\u0e32\u0e44\u0e1b\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27 ______ \u0e2d\u0e32\u0e01\u0e32\u0e28\u0e40\u0e22\u0e47\u0e19\u0e2a\u0e1a\u0e32\u0e22\u0e21\u0e32\u0e01\", a: \"\u0e20\u0e39\u0e40\u0e02\u0e32\" },\n { q: \"\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25\u0e2b\u0e01\u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19 \u0e08\u0e36\u0e07\u0e21\u0e35 ______ \u0e21\u0e32\u0e44\u0e15\u0e48\u0e15\u0e2d\u0e21\u0e40\u0e15\u0e47\u0e21\u0e44\u0e1b\u0e2b\u0e21\u0e14\", a: \"\u0e21\u0e14\" },\n { q: \"\u0e25\u0e34\u0e07\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e36\u0e49\u0e19\u0e15\u0e49\u0e19 ______\", a: \"\u0e21\u0e30\u0e1e\u0e23\u0e49\u0e32\u0e27\" },\n { q: \"\u0e2a\u0e44\u0e1b\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e41\u0e21\u0e19 \u0e21\u0e35\u0e1e\u0e25\u0e31\u0e07\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19 ______\", a: \"\u0e41\u0e21\u0e07\u0e21\u0e38\u0e21\" },\n { q: \"\u0e04\u0e19\u0e44\u0e17\u0e22\u0e2a\u0e21\u0e31\u0e22\u0e01\u0e48\u0e2d\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e49\u0e32\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e23\u0e34\u0e21 ______\", a: \"\u0e41\u0e21\u0e48\u0e19\u0e49\u0e33\" },\n { q: \"\u0e2a\u0e31\u0e15\u0e27\u0e4c\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e2d\u0e22\u0e32\u0e27\u0e21\u0e32\u0e01\u0e46 \u0e04\u0e37\u0e2d ______\", a: \"\u0e22\u0e35\u0e23\u0e32\u0e1f\" },\n { q: \"\u0e40\u0e2a\u0e35\u0e22\u0e07 ______ \u0e14\u0e31\u0e07 \u0e40\u0e2b\u0e07\u0e48\u0e07 \u0e2b\u0e07\u0e48\u0e32\u0e07 \u0e21\u0e32\u0e08\u0e32\u0e01\u0e27\u0e31\u0e14\", a: \"\u0e23\u0e30\u0e06\u0e31\u0e07\" },\n { q: \"\u0e27\u0e31\u0e19\u0e40\u0e1e\u0e47\u0e0d\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e2a\u0e34\u0e1a\u0e2a\u0e2d\u0e07 \u0e40\u0e23\u0e32\u0e08\u0e30\u0e44\u0e1b ______ \u0e01\u0e31\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e32\u0e19\u0e49\u0e33\", a: \"\u0e25\u0e2d\u0e22\u0e01\u0e23\u0e30\u0e17\u0e07\" },\n { q: \"\u0e04\u0e38\u0e13\u0e41\u0e21\u0e48\u0e0a\u0e2d\u0e1a\u0e01\u0e34\u0e19 ______ \u0e43\u0e2a\u0e48\u0e1e\u0e23\u0e34\u0e01\u0e40\u0e22\u0e2d\u0e30\u0e46\", a: \"\u0e2a\u0e49\u0e21\u0e15\u0e33\" },\n { q: \"______ \u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e25\u0e44\u0e21\u0e49\u0e25\u0e39\u0e01\u0e43\u0e2b\u0e0d\u0e48 \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2a\u0e35\u0e2b\u0e27\u0e32\u0e19\u0e09\u0e48\u0e33\", a: \"\u0e2a\u0e49\u0e21\u0e42\u0e2d\" },\n { q: \"\u0e40\u0e02\u0e32\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01 ______ \u0e21\u0e32\u0e01 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e16\u0e39\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e41\u0e01\u0e25\u0e49\u0e07\", a: \"\u0e42\u0e21\u0e42\u0e2b\" },\n { q: \"\u0e19\u0e49\u0e2d\u0e07 ______ \u0e40\u0e2a\u0e35\u0e22\u0e07\u0e14\u0e31\u0e07\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e2b\u0e01\u0e25\u0e49\u0e21\u0e40\u0e08\u0e47\u0e1a\u0e40\u0e02\u0e48\u0e32\", a: \"\u0e23\u0e49\u0e2d\u0e07\u0e44\u0e2b\u0e49\" },\n { q: \"\u0e04\u0e33\u0e2a\u0e38\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e04\u0e33\u0e27\u0e48\u0e32 '\u0e01\u0e34\u0e19' \u0e04\u0e37\u0e2d ______\", a: \"\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e17\u0e32\u0e19\" },\n { q: \"\u0e40\u0e23\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49 ______ \u0e41\u0e02\u0e47\u0e07\u0e41\u0e23\u0e07\", a: \"\u0e23\u0e48\u0e32\u0e07\u0e01\u0e32\u0e22\" },\n { q: \"\u0e27\u0e34\u0e0a\u0e32\u0e28\u0e34\u0e25\u0e1b\u0e30 \u0e04\u0e38\u0e13\u0e04\u0e23\u0e39\u0e2a\u0e2d\u0e19\u0e43\u0e2b\u0e49 ______ \u0e23\u0e30\u0e1a\u0e32\u0e22\u0e2a\u0e35\", a: \"\u0e27\u0e32\u0e14\u0e40\u0e02\u0e35\u0e22\u0e19\" },\n { q: \"\u0e09\u0e31\u0e19\u0e0a\u0e2d\u0e1a\u0e44\u0e1b ______ \u0e17\u0e35\u0e48\u0e2a\u0e23\u0e30\u0e43\u0e19\u0e27\u0e31\u0e19\u0e2b\u0e22\u0e38\u0e14\", a: \"\u0e27\u0e48\u0e32\u0e22\u0e19\u0e49\u0e33\" },\n { q: \"\u0e04\u0e38\u0e13\u0e2b\u0e21\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e14\u0e39\u0e17\u0e35\u0e48 ______ \u0e02\u0e2d\u0e07\u0e04\u0e19\u0e44\u0e02\u0e49\", a: \"\u0e28\u0e35\u0e23\u0e29\u0e30\" },\n { q: \"\u0e04\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e40\u0e07\u0e34\u0e19\u0e40\u0e22\u0e2d\u0e30\u0e21\u0e32\u0e01\u0e46 \u0e40\u0e23\u0e35\u0e22\u0e01\u0e27\u0e48\u0e32 ______\", a: \"\u0e40\u0e28\u0e23\u0e29\u0e10\u0e35\" },\n { q: \"\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e22\u0e32\u0e21\u0e40\u0e0a\u0e49\u0e32\u0e2a\u0e39\u0e14\u0e41\u0e25\u0e49\u0e27\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01 ______\", a: \"\u0e2a\u0e14\u0e0a\u0e37\u0e48\u0e19\" },\n { q: \"\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49\u0e40\u0e25\u0e48\u0e19\u0e40\u0e01\u0e21\u0e01\u0e31\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19 ______ \u0e21\u0e32\u0e01\u0e46\", a: \"\u0e2a\u0e19\u0e38\u0e01\" }\n ];\n\n let currentQuestionIndex = 0;\n let score = 0;\n let isAnswering = false;\n\n \/\/ \u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e33\u0e21\u0e32\u0e17\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e31\u0e27\u0e2b\u0e25\u0e2d\u0e01\n const allAnswers = questions.map(item => item.a);\n\n function startGame() {\n currentQuestionIndex = 0;\n score = 0;\n document.getElementById(\"score\").innerText = score;\n document.getElementById(\"quiz-area\").classList.remove(\"hidden\");\n document.getElementById(\"result-area\").classList.add(\"hidden\");\n showQuestion();\n }\n\n function showQuestion() {\n if (currentQuestionIndex >= questions.length) {\n endGame();\n return;\n }\n\n isAnswering = true;\n const qData = questions[currentQuestionIndex];\n document.getElementById(\"question-text\").innerText = (currentQuestionIndex + 1) + \". \" + qData.q;\n document.getElementById(\"feedback-text\").innerText = \"\";\n \n \/\/ \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e2b\u0e25\u0e2d\u0e14\u0e1e\u0e25\u0e31\u0e07\n const progressPercent = ((currentQuestionIndex) \/ questions.length) * 100;\n document.getElementById(\"progress\").style.width = progressPercent + \"%\";\n\n \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01 (1 \u0e16\u0e39\u0e01 + 3 \u0e1c\u0e34\u0e14)\n let options = [qData.a];\n while (options.length < 4) {\n let randomWord = allAnswers[Math.floor(Math.random() * allAnswers.length)];\n if (!options.includes(randomWord)) {\n options.push(randomWord);\n }\n }\n\n \/\/ \u0e2a\u0e25\u0e31\u0e1a\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\n options.sort(() => Math.random() - 0.5);\n\n const optionsArea = document.getElementById(\"options-area\");\n optionsArea.innerHTML = \"\"; \/\/ \u0e25\u0e49\u0e32\u0e07\u0e1b\u0e38\u0e48\u0e21\u0e40\u0e01\u0e48\u0e32\n\n options.forEach(word => {\n const btn = document.createElement(\"button\");\n btn.className = \"option-btn\";\n btn.innerText = word;\n btn.onclick = () => checkAnswer(word, qData.a);\n optionsArea.appendChild(btn);\n });\n }\n\n function checkAnswer(selected, correct) {\n if (!isAnswering) return; \/\/ \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e01\u0e14\u0e0b\u0e49\u0e33\n isAnswering = false;\n\n const feedback = document.getElementById(\"feedback-text\");\n if (selected === correct) {\n score++;\n document.getElementById(\"score\").innerText = score;\n feedback.innerText = \"\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07! \u0e40\u0e01\u0e48\u0e07\u0e21\u0e32\u0e01 \ud83d\udc4d\";\n feedback.className = \"feedback correct\";\n } else {\n feedback.innerText = \"\u0e1c\u0e34\u0e14\u0e08\u0e49\u0e32! \u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e04\u0e37\u0e2d \" + correct;\n feedback.className = \"feedback wrong\";\n }\n\n \/\/ \u0e44\u0e1b\u0e02\u0e49\u0e2d\u0e16\u0e31\u0e14\u0e44\u0e1b\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01 1.5 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35\n setTimeout(() => {\n currentQuestionIndex++;\n showQuestion();\n }, 1500);\n }\n\n function endGame() {\n document.getElementById(\"quiz-area\").classList.add(\"hidden\");\n document.getElementById(\"result-area\").classList.remove(\"hidden\");\n document.getElementById(\"final-score\").innerText = score + \" \/ \" + questions.length;\n document.getElementById(\"progress\").style.width = \"100%\";\n }\n\n function restartGame() {\n startGame();\n }\n\n \/\/ \u0e40\u0e23\u0e34\u0e48\u0e21\u0e40\u0e01\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e27\u0e47\u0e1a\n window.onload = startGame;\n\n<\/script>\n<center>\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e01\u0e21\u0e2a\u0e4c\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22 \u0e42\u0e14\u0e22 \u0e04\u0e23\u0e39\u0e25\u0e20\u0e31\u0e2a\u0e20\u0e32\u0e2a\u0e4c \u0e2b\u0e34\u0e23\u0e34\u0e19\u0e17\u0e23\u0e32\u0e19\u0e38\u0e01\u0e39\u0e25<\/center>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e01\u0e21\u0e40\u0e15\u0e34\u0e21\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c \u0e1b.2 \ud83c\udf88 \u0e40\u0e01\u0e21\u0e40\u0e15\u0e34\u0e21\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c \u0e1b.2 \u0e04\u0e30\u0e41\u0e19\u0e19: 0 \/ 30 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e04\u0e33\u0e16\u0e32\u0e21… \ud83c\udf89 \u0e08\u0e1a\u0e40\u0e01\u0e21\u0e41\u0e25\u0e49\u0e27\u0e40\u0e01\u0e48\u0e07\u0e21\u0e32\u0e01! \ud83c\udf89 \u0e04\u0e38\u0e13\u0e17\u0e33\u0e44\u0e14\u0e49 \u0e04\u0e30\u0e41\u0e19\u0e19 \u0e40\u0e25\u0e48\u0e19\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e01\u0e21\u0e2a\u0e4c\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22 \u0e42\u0e14\u0e22 \u0e04\u0e23\u0e39\u0e25\u0e20\u0e31\u0e2a\u0e20\u0e32\u0e2a\u0e4c \u0e2b\u0e34\u0e23\u0e34\u0e19\u0e17\u0e23\u0e32\u0e19\u0e38\u0e01\u0e39\u0e25<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-376","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=376"}],"version-history":[{"count":7,"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/376\/revisions"}],"predecessor-version":[{"id":390,"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/376\/revisions\/390"}],"wp:attachment":[{"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=376"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=376"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":376,"date":"2025-12-01T10:10:03","date_gmt":"2025-12-01T03:10:03","guid":{"rendered":"http:\/\/www.nsh.ac.th\/?p=376"},"modified":"2025-12-01T13:00:00","modified_gmt":"2025-12-01T06:00:00","slug":"game","status":"publish","type":"post","link":"http:\/\/www.nsh.ac.th\/?p=376","title":{"rendered":"Game Primary2"},"content":{"rendered":"\n\n\n\n \n \n \u0e40\u0e01\u0e21\u0e40\u0e15\u0e34\u0e21\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c \u0e1b.2<\/title>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@400;700&display=swap');\n\n body {\n font-family: 'Sarabun', sans-serif;\n background-color: #f0f8ff;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);\n }\n\n .game-container {\n background-color: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n width: 90%;\n max-width: 600px;\n text-align: center;\n }\n\n h1 {\n color: #2c3e50;\n margin-bottom: 10px;\n font-size: 28px;\n }\n\n .score-board {\n font-size: 18px;\n color: #555;\n margin-bottom: 20px;\n background: #e1f5fe;\n padding: 10px;\n border-radius: 10px;\n display: inline-block;\n }\n\n .question-box {\n font-size: 24px;\n color: #333;\n margin: 30px 0;\n line-height: 1.6;\n font-weight: bold;\n }\n\n .options-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 15px;\n margin-bottom: 20px;\n }\n\n button.option-btn {\n background-color: #ff9a9e;\n border: none;\n border-radius: 15px;\n padding: 15px;\n font-size: 20px;\n font-family: 'Sarabun', sans-serif;\n cursor: pointer;\n color: white;\n transition: transform 0.2s, background-color 0.2s;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n }\n\n button.option-btn:hover {\n transform: scale(1.05);\n background-color: #ff6f91;\n }\n\n button.option-btn:active {\n transform: scale(0.95);\n }\n\n \/* \u0e2a\u0e35\u0e1b\u0e38\u0e48\u0e21\u0e2a\u0e25\u0e31\u0e1a\u0e01\u0e31\u0e19\u0e43\u0e2b\u0e49\u0e19\u0e48\u0e32\u0e23\u0e31\u0e01 *\/\n button.option-btn:nth-child(2n) { background-color: #84fab0; color: #055a2d; }\n button.option-btn:nth-child(2n):hover { background-color: #48c983; }\n\n button.option-btn:nth-child(3n) { background-color: #a18cd1; color: white;}\n button.option-btn:nth-child(3n):hover { background-color: #8a6ac2; }\n\n .feedback {\n font-size: 20px;\n height: 30px;\n margin-top: 10px;\n font-weight: bold;\n }\n \n .correct { color: #2ecc71; }\n .wrong { color: #e74c3c; }\n\n .hidden { display: none; }\n\n #restart-btn {\n background-color: #3498db;\n color: white;\n border: none;\n padding: 15px 30px;\n font-size: 20px;\n border-radius: 50px;\n cursor: pointer;\n margin-top: 20px;\n }\n \n .progress-bar {\n width: 100%;\n background-color: #ddd;\n border-radius: 10px;\n height: 10px;\n margin-bottom: 20px;\n overflow: hidden;\n }\n \n .progress-fill {\n height: 100%;\n background-color: #4caf50;\n width: 0%;\n transition: width 0.3s;\n }\n\n <\/style>\n<\/head>\n<body>\n\n<div class=\"game-container\">\n <h1>\ud83c\udf88 \u0e40\u0e01\u0e21\u0e40\u0e15\u0e34\u0e21\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c \u0e1b.2<\/h1>\n \n <div class=\"progress-bar\"><div class=\"progress-fill\" id=\"progress\"><\/div><\/div>\n \n <div class=\"score-board\">\n \u0e04\u0e30\u0e41\u0e19\u0e19: <span id=\"score\">0<\/span> \/ 30\n <\/div>\n\n <div id=\"quiz-area\">\n <div class=\"question-box\" id=\"question-text\">\n \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e04\u0e33\u0e16\u0e32\u0e21…\n <\/div>\n <div class=\"options-grid\" id=\"options-area\">\n <\/div>\n <div class=\"feedback\" id=\"feedback-text\"><\/div>\n <\/div>\n\n <div id=\"result-area\" class=\"hidden\">\n <h2>\ud83c\udf89 \u0e08\u0e1a\u0e40\u0e01\u0e21\u0e41\u0e25\u0e49\u0e27\u0e40\u0e01\u0e48\u0e07\u0e21\u0e32\u0e01! \ud83c\udf89<\/h2>\n <p style=\"font-size: 24px;\">\u0e04\u0e38\u0e13\u0e17\u0e33\u0e44\u0e14\u0e49 <span id=\"final-score\" style=\"color:#e74c3c; font-weight:bold;\"><\/span> \u0e04\u0e30\u0e41\u0e19\u0e19<\/p>\n <button id=\"restart-btn\" onclick=\"restartGame()\">\u0e40\u0e25\u0e48\u0e19\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07<\/button>\n <\/div>\n<\/div>\n\n<script>\n \/\/ \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e33\u0e16\u0e32\u0e21 30 \u0e02\u0e49\u0e2d \u0e08\u0e32\u0e01\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e15\u0e23\u0e35\u0e22\u0e21\u0e44\u0e27\u0e49\n const questions = [\n { q: \"\u0e04\u0e38\u0e13\u0e04\u0e23\u0e39\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e47\u0e1a\u0e43\u0e1a\u0e07\u0e32\u0e19\u0e43\u0e2a\u0e48 ______ \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e1a\", a: \"\u0e41\u0e1f\u0e49\u0e21\" },\n { q: \"\u0e40\u0e27\u0e25\u0e32\u0e2d\u0e2d\u0e01\u0e08\u0e32\u0e01\u0e2b\u0e49\u0e2d\u0e07\u0e15\u0e49\u0e2d\u0e07\u0e1b\u0e34\u0e14\u0e44\u0e1f \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e0a\u0e48\u0e27\u0e22\u0e1b\u0e23\u0e30\u0e2b\u0e22\u0e31\u0e14 ______\", a: \"\u0e44\u0e1f\u0e1f\u0e49\u0e32\" },\n { q: \"\u0e09\u0e31\u0e19\u0e43\u0e0a\u0e49 ______ \u0e25\u0e1a\u0e04\u0e33\u0e17\u0e35\u0e48\u0e40\u0e02\u0e35\u0e22\u0e19\u0e1c\u0e34\u0e14\", a: \"\u0e22\u0e32\u0e07\u0e25\u0e1a\" },\n { q: \"\u0e40\u0e23\u0e32\u0e43\u0e0a\u0e49\u0e41\u0e1b\u0e23\u0e07\u0e2a\u0e35\u0e1f\u0e31\u0e19\u0e04\u0e39\u0e48\u0e01\u0e31\u0e1a ______\", a: \"\u0e22\u0e32\u0e2a\u0e35\u0e1f\u0e31\u0e19\" },\n { q: \"\u0e04\u0e38\u0e13\u0e1e\u0e48\u0e2d\u0e02\u0e31\u0e1a ______ \u0e44\u0e1b\u0e2a\u0e48\u0e07\u0e09\u0e31\u0e19\u0e17\u0e35\u0e48\u0e2b\u0e19\u0e49\u0e32\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\", a: \"\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c\" },\n { q: \"\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49\u0e1d\u0e19\u0e15\u0e01 \u0e09\u0e31\u0e19\u0e08\u0e36\u0e07\u0e01\u0e32\u0e07 ______ \u0e40\u0e14\u0e34\u0e19\u0e01\u0e25\u0e31\u0e1a\u0e1a\u0e49\u0e32\u0e19\", a: \"\u0e23\u0e48\u0e21\" },\n { q: \"\u0e01\u0e48\u0e2d\u0e19\u0e40\u0e02\u0e49\u0e32\u0e2b\u0e49\u0e2d\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e15\u0e49\u0e2d\u0e07\u0e16\u0e2d\u0e14 ______ \u0e27\u0e32\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\", a: \"\u0e23\u0e2d\u0e07\u0e40\u0e17\u0e49\u0e32\" },\n { q: \"\u0e09\u0e31\u0e19\u0e44\u0e1b ______ \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e35\u0e22\u0e19\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d\u0e01\u0e31\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e46\", a: \"\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\" },\n { q: \"\u0e19\u0e49\u0e2d\u0e07\u0e23\u0e49\u0e2d\u0e07\u0e44\u0e2b\u0e49\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e17\u0e33 ______ \u0e2a\u0e27\u0e23\u0e23\u0e04\u0e4c\u0e2b\u0e25\u0e38\u0e14\u0e21\u0e37\u0e2d\u0e25\u0e2d\u0e22\u0e44\u0e1b\u0e1a\u0e19\u0e1f\u0e49\u0e32\", a: \"\u0e25\u0e39\u0e01\u0e42\u0e1b\u0e48\u0e07\" },\n { q: \"\u0e04\u0e38\u0e13\u0e1b\u0e39\u0e48\u0e0a\u0e2d\u0e1a\u0e1f\u0e31\u0e07\u0e02\u0e48\u0e32\u0e27\u0e08\u0e32\u0e01 ______ \u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e40\u0e01\u0e48\u0e32\", a: \"\u0e27\u0e34\u0e17\u0e22\u0e38\" },\n { q: \"\u0e1e\u0e27\u0e01\u0e40\u0e23\u0e32\u0e44\u0e1b\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27 ______ \u0e2d\u0e32\u0e01\u0e32\u0e28\u0e40\u0e22\u0e47\u0e19\u0e2a\u0e1a\u0e32\u0e22\u0e21\u0e32\u0e01\", a: \"\u0e20\u0e39\u0e40\u0e02\u0e32\" },\n { q: \"\u0e19\u0e49\u0e33\u0e15\u0e32\u0e25\u0e2b\u0e01\u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19 \u0e08\u0e36\u0e07\u0e21\u0e35 ______ \u0e21\u0e32\u0e44\u0e15\u0e48\u0e15\u0e2d\u0e21\u0e40\u0e15\u0e47\u0e21\u0e44\u0e1b\u0e2b\u0e21\u0e14\", a: \"\u0e21\u0e14\" },\n { q: \"\u0e25\u0e34\u0e07\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e02\u0e36\u0e49\u0e19\u0e15\u0e49\u0e19 ______\", a: \"\u0e21\u0e30\u0e1e\u0e23\u0e49\u0e32\u0e27\" },\n { q: \"\u0e2a\u0e44\u0e1b\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e41\u0e21\u0e19 \u0e21\u0e35\u0e1e\u0e25\u0e31\u0e07\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19 ______\", a: \"\u0e41\u0e21\u0e07\u0e21\u0e38\u0e21\" },\n { q: \"\u0e04\u0e19\u0e44\u0e17\u0e22\u0e2a\u0e21\u0e31\u0e22\u0e01\u0e48\u0e2d\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e49\u0e32\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e23\u0e34\u0e21 ______\", a: \"\u0e41\u0e21\u0e48\u0e19\u0e49\u0e33\" },\n { q: \"\u0e2a\u0e31\u0e15\u0e27\u0e4c\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e2d\u0e22\u0e32\u0e27\u0e21\u0e32\u0e01\u0e46 \u0e04\u0e37\u0e2d ______\", a: \"\u0e22\u0e35\u0e23\u0e32\u0e1f\" },\n { q: \"\u0e40\u0e2a\u0e35\u0e22\u0e07 ______ \u0e14\u0e31\u0e07 \u0e40\u0e2b\u0e07\u0e48\u0e07 \u0e2b\u0e07\u0e48\u0e32\u0e07 \u0e21\u0e32\u0e08\u0e32\u0e01\u0e27\u0e31\u0e14\", a: \"\u0e23\u0e30\u0e06\u0e31\u0e07\" },\n { q: \"\u0e27\u0e31\u0e19\u0e40\u0e1e\u0e47\u0e0d\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e2a\u0e34\u0e1a\u0e2a\u0e2d\u0e07 \u0e40\u0e23\u0e32\u0e08\u0e30\u0e44\u0e1b ______ \u0e01\u0e31\u0e19\u0e17\u0e35\u0e48\u0e17\u0e48\u0e32\u0e19\u0e49\u0e33\", a: \"\u0e25\u0e2d\u0e22\u0e01\u0e23\u0e30\u0e17\u0e07\" },\n { q: \"\u0e04\u0e38\u0e13\u0e41\u0e21\u0e48\u0e0a\u0e2d\u0e1a\u0e01\u0e34\u0e19 ______ \u0e43\u0e2a\u0e48\u0e1e\u0e23\u0e34\u0e01\u0e40\u0e22\u0e2d\u0e30\u0e46\", a: \"\u0e2a\u0e49\u0e21\u0e15\u0e33\" },\n { q: \"______ \u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e25\u0e44\u0e21\u0e49\u0e25\u0e39\u0e01\u0e43\u0e2b\u0e0d\u0e48 \u0e40\u0e19\u0e37\u0e49\u0e2d\u0e2a\u0e35\u0e2b\u0e27\u0e32\u0e19\u0e09\u0e48\u0e33\", a: \"\u0e2a\u0e49\u0e21\u0e42\u0e2d\" },\n { q: \"\u0e40\u0e02\u0e32\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01 ______ \u0e21\u0e32\u0e01 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e16\u0e39\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e41\u0e01\u0e25\u0e49\u0e07\", a: \"\u0e42\u0e21\u0e42\u0e2b\" },\n { q: \"\u0e19\u0e49\u0e2d\u0e07 ______ \u0e40\u0e2a\u0e35\u0e22\u0e07\u0e14\u0e31\u0e07\u0e40\u0e1e\u0e23\u0e32\u0e30\u0e2b\u0e01\u0e25\u0e49\u0e21\u0e40\u0e08\u0e47\u0e1a\u0e40\u0e02\u0e48\u0e32\", a: \"\u0e23\u0e49\u0e2d\u0e07\u0e44\u0e2b\u0e49\" },\n { q: \"\u0e04\u0e33\u0e2a\u0e38\u0e20\u0e32\u0e1e\u0e02\u0e2d\u0e07\u0e04\u0e33\u0e27\u0e48\u0e32 '\u0e01\u0e34\u0e19' \u0e04\u0e37\u0e2d ______\", a: \"\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e17\u0e32\u0e19\" },\n { q: \"\u0e40\u0e23\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e2d\u0e2d\u0e01\u0e01\u0e33\u0e25\u0e31\u0e07\u0e01\u0e32\u0e22\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49 ______ \u0e41\u0e02\u0e47\u0e07\u0e41\u0e23\u0e07\", a: \"\u0e23\u0e48\u0e32\u0e07\u0e01\u0e32\u0e22\" },\n { q: \"\u0e27\u0e34\u0e0a\u0e32\u0e28\u0e34\u0e25\u0e1b\u0e30 \u0e04\u0e38\u0e13\u0e04\u0e23\u0e39\u0e2a\u0e2d\u0e19\u0e43\u0e2b\u0e49 ______ \u0e23\u0e30\u0e1a\u0e32\u0e22\u0e2a\u0e35\", a: \"\u0e27\u0e32\u0e14\u0e40\u0e02\u0e35\u0e22\u0e19\" },\n { q: \"\u0e09\u0e31\u0e19\u0e0a\u0e2d\u0e1a\u0e44\u0e1b ______ \u0e17\u0e35\u0e48\u0e2a\u0e23\u0e30\u0e43\u0e19\u0e27\u0e31\u0e19\u0e2b\u0e22\u0e38\u0e14\", a: \"\u0e27\u0e48\u0e32\u0e22\u0e19\u0e49\u0e33\" },\n { q: \"\u0e04\u0e38\u0e13\u0e2b\u0e21\u0e2d\u0e15\u0e23\u0e27\u0e08\u0e14\u0e39\u0e17\u0e35\u0e48 ______ \u0e02\u0e2d\u0e07\u0e04\u0e19\u0e44\u0e02\u0e49\", a: \"\u0e28\u0e35\u0e23\u0e29\u0e30\" },\n { q: \"\u0e04\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e40\u0e07\u0e34\u0e19\u0e40\u0e22\u0e2d\u0e30\u0e21\u0e32\u0e01\u0e46 \u0e40\u0e23\u0e35\u0e22\u0e01\u0e27\u0e48\u0e32 ______\", a: \"\u0e40\u0e28\u0e23\u0e29\u0e10\u0e35\" },\n { q: \"\u0e2d\u0e32\u0e01\u0e32\u0e28\u0e22\u0e32\u0e21\u0e40\u0e0a\u0e49\u0e32\u0e2a\u0e39\u0e14\u0e41\u0e25\u0e49\u0e27\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01 ______\", a: \"\u0e2a\u0e14\u0e0a\u0e37\u0e48\u0e19\" },\n { q: \"\u0e27\u0e31\u0e19\u0e19\u0e35\u0e49\u0e40\u0e25\u0e48\u0e19\u0e40\u0e01\u0e21\u0e01\u0e31\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19 ______ \u0e21\u0e32\u0e01\u0e46\", a: \"\u0e2a\u0e19\u0e38\u0e01\" }\n ];\n\n let currentQuestionIndex = 0;\n let score = 0;\n let isAnswering = false;\n\n \/\/ \u0e23\u0e27\u0e1a\u0e23\u0e27\u0e21\u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e33\u0e21\u0e32\u0e17\u0e33\u0e40\u0e1b\u0e47\u0e19\u0e15\u0e31\u0e27\u0e2b\u0e25\u0e2d\u0e01\n const allAnswers = questions.map(item => item.a);\n\n function startGame() {\n currentQuestionIndex = 0;\n score = 0;\n document.getElementById(\"score\").innerText = score;\n document.getElementById(\"quiz-area\").classList.remove(\"hidden\");\n document.getElementById(\"result-area\").classList.add(\"hidden\");\n showQuestion();\n }\n\n function showQuestion() {\n if (currentQuestionIndex >= questions.length) {\n endGame();\n return;\n }\n\n isAnswering = true;\n const qData = questions[currentQuestionIndex];\n document.getElementById(\"question-text\").innerText = (currentQuestionIndex + 1) + \". \" + qData.q;\n document.getElementById(\"feedback-text\").innerText = \"\";\n \n \/\/ \u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e2b\u0e25\u0e2d\u0e14\u0e1e\u0e25\u0e31\u0e07\n const progressPercent = ((currentQuestionIndex) \/ questions.length) * 100;\n document.getElementById(\"progress\").style.width = progressPercent + \"%\";\n\n \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01 (1 \u0e16\u0e39\u0e01 + 3 \u0e1c\u0e34\u0e14)\n let options = [qData.a];\n while (options.length < 4) {\n let randomWord = allAnswers[Math.floor(Math.random() * allAnswers.length)];\n if (!options.includes(randomWord)) {\n options.push(randomWord);\n }\n }\n\n \/\/ \u0e2a\u0e25\u0e31\u0e1a\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e15\u0e31\u0e27\u0e40\u0e25\u0e37\u0e2d\u0e01\n options.sort(() => Math.random() - 0.5);\n\n const optionsArea = document.getElementById(\"options-area\");\n optionsArea.innerHTML = \"\"; \/\/ \u0e25\u0e49\u0e32\u0e07\u0e1b\u0e38\u0e48\u0e21\u0e40\u0e01\u0e48\u0e32\n\n options.forEach(word => {\n const btn = document.createElement(\"button\");\n btn.className = \"option-btn\";\n btn.innerText = word;\n btn.onclick = () => checkAnswer(word, qData.a);\n optionsArea.appendChild(btn);\n });\n }\n\n function checkAnswer(selected, correct) {\n if (!isAnswering) return; \/\/ \u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e01\u0e14\u0e0b\u0e49\u0e33\n isAnswering = false;\n\n const feedback = document.getElementById(\"feedback-text\");\n if (selected === correct) {\n score++;\n document.getElementById(\"score\").innerText = score;\n feedback.innerText = \"\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07! \u0e40\u0e01\u0e48\u0e07\u0e21\u0e32\u0e01 \ud83d\udc4d\";\n feedback.className = \"feedback correct\";\n } else {\n feedback.innerText = \"\u0e1c\u0e34\u0e14\u0e08\u0e49\u0e32! \u0e04\u0e33\u0e15\u0e2d\u0e1a\u0e04\u0e37\u0e2d \" + correct;\n feedback.className = \"feedback wrong\";\n }\n\n \/\/ \u0e44\u0e1b\u0e02\u0e49\u0e2d\u0e16\u0e31\u0e14\u0e44\u0e1b\u0e2b\u0e25\u0e31\u0e07\u0e08\u0e32\u0e01 1.5 \u0e27\u0e34\u0e19\u0e32\u0e17\u0e35\n setTimeout(() => {\n currentQuestionIndex++;\n showQuestion();\n }, 1500);\n }\n\n function endGame() {\n document.getElementById(\"quiz-area\").classList.add(\"hidden\");\n document.getElementById(\"result-area\").classList.remove(\"hidden\");\n document.getElementById(\"final-score\").innerText = score + \" \/ \" + questions.length;\n document.getElementById(\"progress\").style.width = \"100%\";\n }\n\n function restartGame() {\n startGame();\n }\n\n \/\/ \u0e40\u0e23\u0e34\u0e48\u0e21\u0e40\u0e01\u0e21\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e42\u0e2b\u0e25\u0e14\u0e40\u0e27\u0e47\u0e1a\n window.onload = startGame;\n\n<\/script>\n<center>\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e01\u0e21\u0e2a\u0e4c\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22 \u0e42\u0e14\u0e22 \u0e04\u0e23\u0e39\u0e25\u0e20\u0e31\u0e2a\u0e20\u0e32\u0e2a\u0e4c \u0e2b\u0e34\u0e23\u0e34\u0e19\u0e17\u0e23\u0e32\u0e19\u0e38\u0e01\u0e39\u0e25<\/center>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e01\u0e21\u0e40\u0e15\u0e34\u0e21\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c \u0e1b.2 \ud83c\udf88 \u0e40\u0e01\u0e21\u0e40\u0e15\u0e34\u0e21\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c \u0e1b.2 \u0e04\u0e30\u0e41\u0e19\u0e19: 0 \/ 30 \u0e01\u0e33\u0e25\u0e31\u0e07\u0e42\u0e2b\u0e25\u0e14\u0e04\u0e33\u0e16\u0e32\u0e21… \ud83c\udf89 \u0e08\u0e1a\u0e40\u0e01\u0e21\u0e41\u0e25\u0e49\u0e27\u0e40\u0e01\u0e48\u0e07\u0e21\u0e32\u0e01! \ud83c\udf89 \u0e04\u0e38\u0e13\u0e17\u0e33\u0e44\u0e14\u0e49 \u0e04\u0e30\u0e41\u0e19\u0e19 \u0e40\u0e25\u0e48\u0e19\u0e43\u0e2b\u0e21\u0e48\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e01\u0e21\u0e2a\u0e4c\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e17\u0e31\u0e01\u0e29\u0e30\u0e20\u0e32\u0e29\u0e32\u0e44\u0e17\u0e22 \u0e42\u0e14\u0e22 \u0e04\u0e23\u0e39\u0e25\u0e20\u0e31\u0e2a\u0e20\u0e32\u0e2a\u0e4c \u0e2b\u0e34\u0e23\u0e34\u0e19\u0e17\u0e23\u0e32\u0e19\u0e38\u0e01\u0e39\u0e25<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-376","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/376","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=376"}],"version-history":[{"count":7,"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/376\/revisions"}],"predecessor-version":[{"id":390,"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=\/wp\/v2\/posts\/376\/revisions\/390"}],"wp:attachment":[{"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=376"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=376"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.nsh.ac.th\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=376"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}