{"id":24,"date":"2026-10-16T12:23:21","date_gmt":"2026-10-16T12:23:21","guid":{"rendered":"https:\/\/tuhoc247.vn\/?page_id=24"},"modified":"2026-10-16T12:24:41","modified_gmt":"2026-10-16T12:24:41","slug":"24-2","status":"publish","type":"page","link":"https:\/\/khaothi.id.vn\/?page_id=24","title":{"rendered":"THI TH\u1eec"},"content":{"rendered":"
\n\n\n\n \n \n B\u00e0i Ki\u1ec3m Tra To\u00e1n L\u1edbp 1 – Cu\u1ed1i H\u1ecdc K\u1ef3 1 (M\u1ee9c \u0110\u1ed9 V\u1eadn D\u1ee5ng Cao)<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Quicksand:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --primary: #4f46e5;\n --secondary: #f59e0b;\n --success: #10b981;\n --danger: #ef4444;\n --card-bg: #ffffff;\n --text-main: #1f2937;\n --text-muted: #6b7280;\n }\n * { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n font-family: 'Quicksand', sans-serif;\n background: linear-gradient(135deg, #e0f2fe 0%, #fef3c7 100%);\n color: var(--text-main);\n min-height: 100vh;\n padding: 20px 15px 50px;\n }\n .container { max-width: 850px; margin: 0 auto; }\n .header {\n background: var(--card-bg); border-radius: 20px; padding: 25px; text-align: center;\n box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); border: 3px solid #60a5fa; margin-bottom: 25px;\n }\n .header-badge {\n display: inline-block; background: #fef3c7; color: #d97706; font-weight: 700;\n font-size: 0.9rem; padding: 6px 16px; border-radius: 999px; border: 2px solid #f59e0b; margin-bottom: 10px;\n }\n .header h1 { color: #1e3a8a; font-size: 1.8rem; margin-bottom: 8px; }\n .header p { color: var(--text-muted); font-size: 1rem; font-weight: 600; }\n .top-bar {\n display: flex; flex-wrap: wrap; gap: 15px; justify-content: space-between; align-items: center;\n background: var(--card-bg); padding: 15px 25px; border-radius: 16px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\n margin-bottom: 25px; border: 2px solid #e5e7eb;\n }\n .student-inputs { display: flex; gap: 10px; flex-wrap: wrap; flex: 1; }\n .student-inputs input {\n padding: 10px 14px; border: 2px solid #cbd5e1; border-radius: 10px;\n font-family: inherit; font-size: 0.95rem; font-weight: 600; outline: none;\n }\n .timer-box {\n display: flex; align-items: center; gap: 8px; background: #eff6ff; color: #1d4ed8;\n padding: 8px 16px; border-radius: 12px; font-weight: 700; font-size: 1.1rem; border: 2px solid #bfdbfe;\n }\n .question-card {\n background: var(--card-bg); border-radius: 18px; padding: 22px 25px; margin-bottom: 20px;\n box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05); border: 2px solid transparent;\n }\n .question-card.correct-card { border-color: var(--success); background: #f0fdf4; }\n .question-card.wrong-card { border-color: var(--danger); background: #fef2f2; }\n .q-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }\n .q-number { background: var(--primary); color: white; font-weight: 700; padding: 5px 14px; border-radius: 10px; font-size: 0.95rem; }\n .q-level { font-size: 0.85rem; font-weight: 700; color: #9333ea; background: #f3e8ff; padding: 4px 12px; border-radius: 8px; }\n .q-text { font-size: 1.15rem; font-weight: 700; line-height: 1.5; margin-bottom: 16px; color: #111827; }\n .q-visual {\n background: #f8fafc; border: 2px dashed #cbd5e1; border-radius: 12px; padding: 15px;\n text-align: center; margin-bottom: 16px; font-size: 1.25rem; font-weight: 700; color: #1e293b;\n }\n .options-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; }\n .option-label {\n display: flex; align-items: center; gap: 12px; padding: 13px 16px; border: 2px solid #e2e8f0;\n border-radius: 12px; cursor: pointer; font-weight: 600; font-size: 1.05rem; background: white; user-select: none;\n }\n .option-label input[type=\"radio\"] { width: 20px; height: 20px; accent-color: var(--primary); cursor: pointer; }\n .option-label.selected { border-color: var(--primary); background: #eef2ff; color: var(--primary); }\n .option-label.correct-answer { border-color: var(--success) !important; background: #dcfce7 !important; color: #065f46 !important; }\n .option-label.wrong-answer { border-color: var(--danger) !important; background: #fee2e2 !important; color: #991b1b !important; }\n .explanation-box {\n display: none; margin-top: 16px; padding: 15px; border-radius: 12px; background: #ffffff;\n border-left: 5px solid var(--secondary); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); font-size: 0.98rem; line-height: 1.5;\n }\n .explanation-title { font-weight: 700; margin-bottom: 6px; }\n .actions { display: flex; justify-content: center; gap: 15px; margin-top: 30px; }\n .btn {\n padding: 14px 32px; font-family: inherit; font-size: 1.1rem; font-weight: 700; border: none;\n border-radius: 14px; cursor: pointer; transition: all 0.2s; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 6px 15px rgba(0,0,0,0.1);\n }\n .btn-submit { background: linear-gradient(135deg, #4f46e5, #6366f1); color: white; }\n .btn-reset { background: #ffffff; color: #374151; border: 2px solid #d1d5db; display: none; }\n .result-panel {\n display: none; background: white; border-radius: 22px; padding: 30px; margin-bottom: 30px;\n text-align: center; border: 4px solid #10b981; box-shadow: 0 15px 35px rgba(0,0,0,0.12);\n }\n .score-circle {\n width: 130px; height: 130px; border-radius: 50%; background: linear-gradient(135deg, #10b981, #059669);\n color: white; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 15px auto;\n }\n .score-number { font-size: 2.5rem; font-weight: 700; line-height: 1; }\n .eval-badge { display: inline-block; padding: 8px 20px; border-radius: 999px; font-weight: 700; font-size: 1.15rem; margin: 10px 0; }\n .eval-comment {\n max-width: 650px; margin: 10px auto 0; color: #374151; font-size: 1.05rem; line-height: 1.6;\n background: #f8fafc; padding: 15px 20px; border-radius: 14px; border: 1px solid #e2e8f0;\n }\n .svg-box { display: flex; justify-content: center; align-items: center; margin: 10px 0; }\n <\/style>\n<\/head>\n<body>\n<div class=\"container\">\n <div class=\"header\">\n <div class=\"header-badge\">\ud83c\udf1f \u0110\u1ec0 N\u00c2NG CAO & PH\u00c2N LO\u1ea0I (M\u1ee8C \u0110\u1ed8 8 – 10 \u0110I\u1ec2M)<\/div>\n <h1>B\u00c0I KI\u1ec2M TRA TO\u00c1N L\u1edaP 1 – CU\u1ed0I H\u1eccC K\u1ef2 1<\/h1>\n <p>Ch\u01b0\u01a1ng tr\u00ecnh GDPT 2018 \u2022 G\u1ed3m 10 c\u00e2u h\u1ecfi v\u1eadn d\u1ee5ng v\u00e0 t\u01b0 duy logic<\/p>\n <\/div>\n <div class=\"top-bar\">\n <div class=\"student-inputs\">\n <input type=\"text\" id=\"studentName\" placeholder=\"\ud83d\udc66\ud83d\udc67 Nh\u1eadp h\u1ecd v\u00e0 t\u00ean h\u1ecdc sinh...\" style=\"flex: 2; min-width: 200px;\">\n <input type=\"text\" id=\"studentClass\" placeholder=\"\ud83c\udfeb L\u1edbp (VD: 1A1)\" style=\"flex: 1; min-width: 110px;\">\n <\/div>\n <div class=\"timer-box\">\n <span>\u23f1\ufe0f Th\u1eddi gian:<\/span>\n <span id=\"timerDisplay\">00:00<\/span>\n <\/div>\n <\/div>\n <div id=\"resultPanel\" class=\"result-panel\">\n <h2 id=\"resultGreeting\" style=\"color: #1e3a8a; font-size: 1.6rem;\">K\u1ebeT QU\u1ea2 B\u00c0I L\u00c0M<\/h2>\n <div class=\"score-circle\" id=\"scoreCircle\">\n <span class=\"score-number\" id=\"scoreVal\">10<\/span>\n <span class=\"score-total\">tr\u00ean 10 \u0111i\u1ec3m<\/span>\n <\/div>\n <div id=\"evalBadge\" class=\"eval-badge\">\ud83c\udfc6 \u0110\u1ea1t m\u1ee9c: Xu\u1ea5t s\u1eafc<\/div>\n <p id=\"timeSpentText\" style=\"color: #6b7280; font-weight: 600; margin-top: 4px;\"><\/p>\n <div id=\"evalComment\" class=\"eval-comment\"><\/div>\n <\/div>\n <div id=\"quizContainer\"><\/div>\n <div class=\"actions\">\n <button class=\"btn btn-submit\" id=\"submitBtn\" onclick=\"submitQuiz()\">\ud83d\udcdd N\u1ed9p B\u00e0i & Xem \u0110\u00e1p \u00c1n<\/button>\n <button class=\"btn btn-reset\" id=\"resetBtn\" onclick=\"resetQuiz()\">\ud83d\udd04 L\u00e0m L\u1ea1i B\u00e0i Kh\u00e1c<\/button>\n <\/div>\n<\/div>\n<script>\n const questionsData = [\n { id: 1, level: \"M\u1ee9c 3 - V\u1eadn d\u1ee5ng (8.0+)\", question: \"\u0110i\u1ec1n s\u1ed1 th\u00edch h\u1ee3p v\u00e0o ch\u1ed7 ch\u1ea5m \u0111\u1ec3 ph\u00e9p t\u00ednh sau \u0111\u00fang:\", visual: \"10 - 6 + ... = 9\", options: [\"A. 4\", \"B. 5\", \"C. 6\", \"D. 3\"], correct: 1, explanation: \"10 - 6 = 4. \u0110\u1ec3 4 + ... = 9 th\u00ec s\u1ed1 c\u1ea7n \u0111i\u1ec1n l\u00e0 5.\" },\n { id: 2, level: \"M\u1ee9c 3 - V\u1eadn d\u1ee5ng (8.5+)\", question: \"S\u1ed1 l\u1edbn nh\u1ea5t c\u00f3 m\u1ed9t ch\u1eef s\u1ed1 khi b\u1edbt \u0111i 4 r\u1ed3i c\u1ed9ng th\u00eam 3 th\u00ec \u0111\u01b0\u1ee3c k\u1ebft qu\u1ea3 l\u00e0 bao nhi\u00eau?\", visual: \"\ud83d\udca1 G\u1ee3i \u00fd: C\u00e1c s\u1ed1 c\u00f3 1 ch\u1eef s\u1ed1 t\u1eeb 0 \u0111\u1ebfn 9\", options: [\"A. 8\", \"B. 9\", \"C. 7\", \"D. 6\"], correct: 0, explanation: \"S\u1ed1 l\u1edbn nh\u1ea5t c\u00f3 1 ch\u1eef s\u1ed1 l\u00e0 9. Ta t\u00ednh: 9 - 4 + 3 = 8.\" },\n { id: 3, level: \"M\u1ee9c 3 - V\u1eadn d\u1ee5ng (8.5+)\", question: \"T\u00ecm t\u1ea5t c\u1ea3 c\u00e1c s\u1ed1 th\u00edch h\u1ee3p \u0111i\u1ec1n v\u00e0o \u00f4 tr\u1ed1ng sao cho ph\u00e9p so s\u00e1nh \u0111\u00fang:\", visual: \"9 - 4 < \u2b1c < 10 - 2\", options: [\"A. 5 v\u00e0 6\", \"B. 6 v\u00e0 7\", \"C. 6, 7 v\u00e0 8\", \"D. Ch\u1ec9 c\u00f3 s\u1ed1 6\"], correct: 1, explanation: \"9 - 4 = 5 v\u00e0 10 - 2 = 8. B\u1ea5t \u0111\u1eb3ng th\u1ee9c: 5 < \u2b1c < 8, c\u00e1c s\u1ed1 th\u1ecfa m\u00e3n l\u00e0 6 v\u00e0 7.\" },\n { id: 4, level: \"M\u1ee9c 3 - V\u1eadn d\u1ee5ng (8.5+)\", question: \"Quan s\u00e1t d\u00e3y s\u1ed1 c\u00f3 quy lu\u1eadt d\u01b0\u1edbi \u0111\u00e2y v\u00e0 t\u00ecm s\u1ed1 th\u00edch h\u1ee3p \u0111i\u1ec1n v\u00e0o d\u1ea5u ch\u1ea5m h\u1ecfi (?):\", visual: \"1 , 2 , 4 , 7 , ?\", options: [\"A. 8\", \"B. 9\", \"C. 10\", \"D. 5\"], correct: 2, explanation: \"Quy lu\u1eadt kho\u1ea3ng c\u00e1ch t\u0103ng d\u1ea7n: 1+1=2, 2+2=4, 4+3=7, 7+3=10.\" },\n { id: 5, level: \"M\u1ee9c 4 - V\u1eadn d\u1ee5ng cao (9.0+)\", question: \"L\u00fac \u0111\u1ea7u c\u00f3 3 con chim bay \u0111i, sau \u0111\u00f3 c\u00f3 2 con bay \u0111\u1ebfn th\u00ec tr\u00ean c\u00e0nh c\u00f3 6 con. H\u1ecfi l\u00fac \u0111\u1ea7u tr\u00ean c\u00e0nh c\u00f3 m\u1ea5y con chim?\", visual: \"\ud83d\udc26 Ban \u0111\u1ea7u - 3 + 2 = 6 con \ud83d\udc26\", options: [\"A. 5 con chim\", \"B. 7 con chim\", \"C. 6 con chim\", \"D. 8 con chim\"], correct: 1, explanation: \"T\u00ednh ng\u01b0\u1ee3c t\u1eeb cu\u1ed1i: 6 - 2 = 4, sau \u0111\u00f3 4 + 3 = 7 con.\" },\n { id: 6, level: \"M\u1ee9c 4 - V\u1eadn d\u1ee5ng cao (9.0+)\", question: \"H\u00e0ng d\u1ecdc c\u00f3 An \u0111\u1ee9ng. Ph\u00eda tr\u01b0\u1edbc An c\u00f3 4 b\u1ea1n, ph\u00eda sau c\u00f3 3 b\u1ea1n. H\u1ecfi h\u00e0ng d\u1ecdc c\u00f3 t\u1ea5t c\u1ea3 m\u1ea5y b\u1ea1n?\", visual: \"\ud83e\uddcd\ud83e\uddcd\ud83e\uddcd\ud83e\uddcd \u2794 \ud83d\ude4b\u200d\u2642\ufe0f(An) \u2794 \ud83e\uddcd\ud83e\uddcd\ud83e\uddcd\", options: [\"A. 7 b\u1ea1n\", \"B. 8 b\u1ea1n\", \"C. 9 b\u1ea1n\", \"D. 6 b\u1ea1n\"], correct: 1, explanation: \"T\u1ed5ng s\u1ed1 b\u1ea1n l\u00e0: 4 (tr\u01b0\u1edbc) + 3 (sau) + 1 (b\u1ea1n An) = 8 b\u1ea1n.\" },\n { id: 7, level: \"M\u1ee9c 4 - V\u1eadn d\u1ee5ng cao (9.5+)\", question: \"Quan s\u00e1t h\u00ecnh v\u1ebd v\u00e0 cho bi\u1ebft c\u00f3 t\u1ea5t c\u1ea3 bao nhi\u00eau h\u00ecnh tam gi\u00e1c?\", visual: `<div class=\"svg-box\"><svg width=\"200\" height=\"140\" viewBox=\"0 0 200 140\"><polygon points=\"100,10 20,125 180,125\" fill=\"#e0f2fe\" stroke=\"#1e3a8a\" stroke-width=\"3.5\" stroke-linejoin=\"round\"\/><line x1=\"100\" y1=\"10\" x2=\"73\" y2=\"125\" stroke=\"#1e3a8a\" stroke-width=\"3\"\/><line x1=\"100\" y1=\"10\" x2=\"127\" y2=\"125\" stroke=\"#1e3a8a\" stroke-width=\"3\"\/><text x=\"52\" y=\"105\" font-size=\"16\" font-weight=\"bold\" fill=\"#ef4444\">(1)<\/text><text x=\"90\" y=\"105\" font-size=\"16\" font-weight=\"bold\" fill=\"#ef4444\">(2)<\/text><text x=\"132\" y=\"105\" font-size=\"16\" font-weight=\"bold\" fill=\"#ef4444\">(3)<\/text><\/svg><\/div>`, options: [\"A. 3 h\u00ecnh\", \"B. 4 h\u00ecnh\", \"C. 5 h\u00ecnh\", \"D. 6 h\u00ecnh\"], correct: 3, explanation: \"Tam gi\u00e1c \u0111\u01a1n (3), gh\u00e9p 2 h\u00ecnh (2), gh\u00e9p 3 h\u00ecnh (1). T\u1ed5ng c\u1ed9ng: 3 + 2 + 1 = 6 h\u00ecnh.\" },\n { id: 8, level: \"M\u1ee9c 4 - V\u1eadn d\u1ee5ng cao (9.5+)\", question: \"M\u1eb9 c\u00f3 9 c\u00e1i k\u1eb9o, cho Lan 2 c\u00e1i v\u00e0 cho H\u00f9ng 3 c\u00e1i. H\u1ecfi k\u1eb9o m\u1eb9 c\u00f2n l\u1ea1i nhi\u1ec1u h\u01a1n c\u1ee7a H\u00f9ng m\u1ea5y c\u00e1i?\", visual: \"\ud83c\udf6c M\u1eb9 c\u00f3: 9 | Cho Lan: 2 | Cho H\u00f9ng: 3\", options: [\"A. 4 c\u00e1i\", \"B. 1 c\u00e1i\", \"C. 2 c\u00e1i\", \"D. 3 c\u00e1i\"], correct: 1, explanation: \"M\u1eb9 c\u00f2n l\u1ea1i: 9 - 2 - 3 = 4 c\u00e1i. S\u1ed1 k\u1eb9o m\u1eb9 h\u01a1n H\u00f9ng l\u00e0: 4 - 3 = 1 c\u00e1i.\" },\n { id: 9, level: \"M\u1ee9c 4 - T\u01b0 duy logic (9.5+)\", question: \"T\u00ecm k\u1ebft qu\u1ea3 d\u1ea5u ch\u1ea5m h\u1ecfi (?):\", visual: \"\ud83c\udf4e + \ud83c\udf4e = 6 <br> \ud83c\udf4e + \ud83c\udf4c = 10 <br> \ud83c\udf4c - \ud83c\udf4e = ?\", options: [\"A. 4\", \"B. 3\", \"C. 7\", \"D. 2\"], correct: 0, explanation: \"\ud83c\udf4e = 3, \ud83c\udf4c = 7. Ph\u00e9p t\u00ednh: 7 - 3 = 4.\" },\n { id: 10, level: \"M\u1ee9c 4 - To\u00e1n th\u1ef1c t\u1ebf (10 \u0111i\u1ec3m)\", question: \"C\u01b0a m\u1ed9t thanh g\u1ed7 th\u00e0nh c\u00e1c \u0111o\u1ea1n ng\u1eafn. N\u1ebfu th\u1ef1c hi\u1ec7n 4 l\u1ea7n c\u1eaft r\u1eddi th\u00ec thanh g\u1ed7 \u0111\u01b0\u1ee3c chia th\u00e0nh m\u1ea5y \u0111o\u1ea1n?\", visual: \"\ud83e\udeb5 \u2702\ufe0f(1) \ud83e\udeb5 \u2702\ufe0f(2) \ud83e\udeb5 \u2702\ufe0f(3) \ud83e\udeb5 \u2702\ufe0f(4) \ud83e\udeb5\", options: [\"A. 4 \u0111o\u1ea1n\", \"B. 5 \u0111o\u1ea1n\", \"C. 6 \u0111o\u1ea1n\", \"D. 3 \u0111o\u1ea1n\"], correct: 1, explanation: \"S\u1ed1 \u0111o\u1ea1n g\u1ed7 lu\u00f4n nhi\u1ec1u h\u01a1n s\u1ed1 l\u1ea7n c\u1eaft l\u00e0 1. V\u1eady 4 l\u1ea7n c\u1eaft \u0111\u01b0\u1ee3c 5 \u0111o\u1ea1n.\" }\n ];\n let userAnswers = new Array(questionsData.length).fill(null);\n let isSubmitted = false, secondsElapsed = 0, timerInterval = null;\n function renderQuiz() {\n const container = document.getElementById(\"quizContainer\");\n container.innerHTML = \"\";\n questionsData.forEach((q, qIndex) => {\n let optionsHTML = \"\";\n q.options.forEach((opt, optIndex) => {\n optionsHTML += `<label class=\"option-label\" id=\"label-${qIndex}-${optIndex}\" onclick=\"selectOption(${qIndex}, ${optIndex})\"><input type=\"radio\" name=\"q_${qIndex}\" value=\"${optIndex}\"><span>${opt}<\/span><\/label>`;\n });\n container.innerHTML += `<div class=\"question-card\" id=\"q-card-${qIndex}\"><div class=\"q-header\"><span class=\"q-number\">C\u00e2u ${q.id} (1 \u0111i\u1ec3m)<\/span><span class=\"q-level\">${q.level}<\/span><\/div><div class=\"q-text\">${q.question}<\/div><div class=\"q-visual\">${q.visual}<\/div><div class=\"options-grid\">${optionsHTML}<\/div><div class=\"explanation-box\" id=\"exp-${qIndex}\"><div class=\"explanation-title\" id=\"exp-title-${qIndex}\"><\/div><div><strong>\ud83d\udcd6 Gi\u1ea3i th\u00edch:<\/strong> <br>${q.explanation}<\/div><\/div><\/div>`;\n });\n }\n function selectOption(qIndex, optIndex) {\n if (isSubmitted) return;\n userAnswers[qIndex] = optIndex;\n questionsData[qIndex].options.forEach((_, idx) => {\n const label = document.getElementById(`label-${qIndex}-${idx}`);\n const radio = label.querySelector('input');\n if (idx === optIndex) { label.classList.add(\"selected\"); radio.checked = true; }\n else { label.classList.remove(\"selected\"); radio.checked = false; }\n });\n }\n function startTimer() {\n clearInterval(timerInterval);\n secondsElapsed = 0;\n timerInterval = setInterval(() => {\n secondsElapsed++;\n const mins = String(Math.floor(secondsElapsed \/ 60)).padStart(2, '0');\n const secs = String(secondsElapsed % 60).padStart(2, '0');\n document.getElementById(\"timerDisplay\").textContent = `${mins}:${secs}`;\n }, 1000);\n }\n function submitQuiz() {\n if (isSubmitted) return;\n isSubmitted = true;\n clearInterval(timerInterval);\n let score = 0;\n questionsData.forEach((q, qIndex) => {\n const card = document.getElementById(`q-card-${qIndex}`);\n const expBox = document.getElementById(`exp-${qIndex}`);\n const expTitle = document.getElementById(`exp-title-${qIndex}`);\n const userAns = userAnswers[qIndex];\n q.options.forEach((_, optIdx) => {\n const label = document.getElementById(`label-${qIndex}-${optIdx}`);\n label.querySelector('input').disabled = true;\n if (optIdx === q.correct) label.classList.add(\"correct-answer\");\n if (userAns === optIdx && userAns !== q.correct) label.classList.add(\"wrong-answer\");\n });\n if (userAns === q.correct) { score++; card.classList.add(\"correct-card\"); expTitle.innerHTML = `<span style=\"color: #059669;\">\u2705 Ch\u00ednh x\u00e1c! +1 \u0111i\u1ec3m.<\/span>`; }\n else { card.classList.add(\"wrong-card\"); expTitle.innerHTML = `<span style=\"color: #dc2626;\">\u274c Ch\u01b0a \u0111\u00fang! \u0110\u00e1p \u00e1n \u0111\u00fang: ${q.options[q.correct]}<\/span>`; }\n expBox.style.display = \"block\";\n });\n const panel = document.getElementById(\"resultPanel\");\n document.getElementById(\"scoreVal\").textContent = score;\n document.getElementById(\"evalComment\").innerHTML = `Con \u0111\u1ea1t <strong>${score}\/10 \u0111i\u1ec3m<\/strong>. H\u00e3y luy\u1ec7n t\u1eadp th\u00eam nh\u00e9!`;\n panel.style.display = \"block\";\n document.getElementById(\"submitBtn\").style.display = \"none\";\n document.getElementById(\"resetBtn\").style.display = \"inline-flex\";\n window.scrollTo({ top: 0, behavior: 'smooth' });\n }\n function resetQuiz() {\n isSubmitted = false; userAnswers = new Array(questionsData.length).fill(null);\n document.getElementById(\"resultPanel\").style.display = \"none\";\n document.getElementById(\"submitBtn\").style.display = \"inline-flex\";\n document.getElementById(\"resetBtn\").style.display = \"none\";\n renderQuiz(); startTimer();\n }\n window.onload = () => { renderQuiz(); startTimer(); };\n<\/script>\n<\/body>\n<\/html><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/khaothi.id.vn\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/khaothi.id.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/khaothi.id.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/khaothi.id.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/khaothi.id.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":2,"href":"https:\/\/khaothi.id.vn\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":26,"href":"https:\/\/khaothi.id.vn\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/26"}],"wp:attachment":[{"href":"https:\/\/khaothi.id.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}