แบบทดสอบคำศัพท์ ป.1ของเล่นและเกม (Toys & Games – 10 คำ)

#wp-quiz-wrapper-toy { font-family: inherit; color: #333; padding: 10px; } #wp-quiz-wrapper-toy .quiz-card { background: #ffffff; padding: 25px; border-radius: 15px; box-shadow: 0 4px 15px rgba(0,0,0,0.08); box-sizing: border-box; border: 1px solid #eaeaea; } #wp-quiz-wrapper-toy h1 { color: #2c3e50; text-align: center; font-size: 1.4rem; margin-bottom: 20px; line-height: 1.4; } #wp-quiz-wrapper-toy .start-screen { text-align: center; padding: 10px 0; } #wp-quiz-wrapper-toy .name-input { width: 100%; padding: 12px; font-size: 1.1rem; border: 2px solid #bdc3c7; border-radius: 8px; margin: 15px 0 20px 0; box-sizing: border-box; text-align: center; } #wp-quiz-wrapper-toy .name-input:focus { border-color: #3498db; outline: none; } #wp-quiz-wrapper-toy .start-btn { background-color: #27ae60; color: white; border: none; padding: 12px 30px; font-size: 1.1rem; border-radius: 8px; cursor: pointer; width: 100%; } #wp-quiz-wrapper-toy .start-btn:hover { background-color: #219653; } #wp-quiz-wrapper-toy .error-msg { color: #e74c3c; font-size: 0.95rem; margin-top: -10px; margin-bottom: 15px; display: none; } #wp-quiz-wrapper-toy .navigator-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 5px; margin-bottom: 15px; background: #f1f5f9; padding: 8px; border-radius: 8px; } #wp-quiz-wrapper-toy .nav-dot { background: #ffffff; border: 1px solid #cbd5e1; color: #475569; padding: 6px 0; font-size: 0.85rem; border-radius: 5px; cursor: pointer; font-weight: bold; transition: all 0.2s; text-align: center; } #wp-quiz-wrapper-toy .nav-dot.active { border-color: #3498db; background: #3498db; color: white; } #wp-quiz-wrapper-toy .nav-dot.answered-correct { background: #2ecc71; color: white; border-color: #2ecc71; } #wp-quiz-wrapper-toy .nav-dot.answered-incorrect { background: #e74c3c; color: white; border-color: #e74c3c; } #wp-quiz-wrapper-toy .progress-bar-container { width: 100%; background-color: #e2e8f0; border-radius: 10px; height: 12px; margin-bottom: 15px; overflow: hidden; } #wp-quiz-wrapper-toy .progress-bar-fill { height: 100%; background-color: #27ae60; width: 0%; transition: width 0.3s ease; } #wp-quiz-wrapper-toy .quiz-header-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; font-size: 0.95rem; color: #64748b; font-weight: 600; } #wp-quiz-wrapper-toy .timer-box { background: #f8fafc; padding: 5px 12px; border-radius: 6px; border: 1px solid #e2e8f0; color: #e67e22; } #wp-quiz-wrapper-toy .question-box { font-size: 1.15rem; font-weight: bold; margin-bottom: 20px; color: #34495e; background: #eef2f7; padding: 20px; border-radius: 8px; text-align: center; } #wp-quiz-wrapper-toy .options-container { display: flex; flex-direction: column; gap: 12px; } #wp-quiz-wrapper-toy .option-btn { background-color: #ffffff; border: 2px solid #3498db; color: #2980b9; padding: 12px 20px; font-size: 1rem; border-radius: 8px; cursor: pointer; transition: all 0.2s ease; text-align: left; width: 100%; box-sizing: border-box; display: flex; align-items: center; gap: 12px; } #wp-quiz-wrapper-toy .option-icon { font-size: 1.4rem; min-width: 30px; text-align: center; } #wp-quiz-wrapper-toy .option-btn:hover:not(:disabled) { background-color: #3498db; color: white; } #wp-quiz-wrapper-toy .option-btn:disabled { cursor: not-allowed; opacity: 0.85; } #wp-quiz-wrapper-toy .correct { background-color: #2ecc71 !important; border-color: #2ecc71 !important; color: white !important; } #wp-quiz-wrapper-toy .incorrect { background-color: #e74c3c !important; border-color: #e74c3c !important; color: white !important; } #wp-quiz-wrapper-toy #feedback { margin-top: 15px; text-align: center; font-weight: bold; font-size: 1.05rem; min-height: 25px; } #wp-quiz-wrapper-toy .quiz-nav-buttons { display: flex; justify-content: space-between; margin-top: 20px; } #wp-quiz-wrapper-toy .nav-action-btn { background-color: #95a5a6; color: white; border: none; padding: 10px 20px; font-size: 0.95rem; border-radius: 8px; cursor: pointer; } #wp-quiz-wrapper-toy .next-action-btn { background-color: #27ae60; color: white; border: none; padding: 10px 25px; font-size: 0.95rem; border-radius: 8px; cursor: pointer; } #wp-quiz-wrapper-toy .result-box { text-align: center; display: none; } #wp-quiz-wrapper-toy .result-box h2 { color: #2c3e50; margin-bottom: 5px; } #wp-quiz-wrapper-toy .student-name-display { font-size: 1.1rem; color: #34495e; margin-bottom: 5px; font-weight: bold; } #wp-quiz-wrapper-toy .score-display { font-size: 1.5rem; color: #e67e22; font-weight: bold; margin: 10px 0; } #wp-quiz-wrapper-toy .stat-details { font-size: 0.95rem; color: #64748b; margin-bottom: 15px; } #wp-quiz-wrapper-toy .leaderboard-section { margin-top: 25px; text-align: left; background: #f8f9fa; padding: 15px; border-radius: 10px; border: 1px solid #e9ecef; } #wp-quiz-wrapper-toy .leaderboard-title { font-size: 1.1rem; font-weight: bold; color: #2c3e50; margin-bottom: 10px; text-align: center; } #wp-quiz-wrapper-toy .leaderboard-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; } #wp-quiz-wrapper-toy .leaderboard-table th, #wp-quiz-wrapper-toy .leaderboard-table td { padding: 8px 10px; text-align: left; border-bottom: 1px solid #dee2e6; } #wp-quiz-wrapper-toy .leaderboard-table th { color: #495057; background-color: #e9ecef; } #wp-quiz-wrapper-toy .leaderboard-table td:nth-child(3), #wp-quiz-wrapper-toy .leaderboard-table th:nth-child(3), #wp-quiz-wrapper-toy .leaderboard-table td:nth-child(4), #wp-quiz-wrapper-toy .leaderboard-table th:nth-child(4) { text-align: right; } #wp-quiz-wrapper-toy .restart-btn { background-color: #3498db; color: white; border: none; padding: 12px 30px; font-size: 1rem; border-radius: 8px; cursor: pointer; margin-top: 20px; } แบบทดสอบคำศัพท์ ป.1ของเล่นและเกม (Toys & Games - 10 คำ) กรุณากรอกชื่อ-นามสกุล หรือชื่อเล่น ก่อนเริ่มทำแบบทดสอบครับ ⚠️ กรุณากรอกชื่อก่อนเริ่มทำแบบทดสอบครับ เริ่มทำแบบทดสอบ ข้อที่ 1 / 10 ⏱️ 00:00 กำลังโหลดคำถาม... ⬅ ก่อนหน้า ข้อถัดไป ➡️ สรุปผลการทดสอบ 🏆 10 อันดับคะแนนสูงสุด อันดับชื่อคะแนนเวลา 🔄 ทำใหม่อีกครั้ง (function() { const rawData = [ { en: "Toy (ทอย)", th: "ของเล่น", icon: "🧸" }, { en: "Ball (บอล)", th: "ลูกบอล", icon: "⚽" }, { en: "Doll (ดอลล์)", th: "ตุ๊กตา", icon: "🎎" }, { en: "Car (คาร์)", th: "รถของเล่น", icon: "🚗" }, { en: "Train (เทรน)", th: "รถไฟของเล่น", icon: "🚂" }, { en: "Balloon (บอลลูน)", th: "ลูกโป่ง", icon: "🎈" }, { en: "Kite (ไคท์)", th: "ว่าว", icon: "🪁" }, { en: "Robot (โรบอต)", th: "หุ่นยนต์", icon: "🤖" }, { en: "Game (เกม)", th: "เกม", icon: "🎮" }, { en: "Play (เพลย์)", th: "เล่น", icon: "🎉" } ]; let questions = [], currentIdx = 0, answers = {}, name = "", timer = null, seconds = 0; function shuffle(arr) { let a = [...arr]; for(let i=a.length-1; i>0; i--){ const j = Math.floor(Math.random()*(i+1)); [a[i], a[j]] = [a[j], a[i]]; } return a; } window.startQuizToy = function() { const input = document.getElementById("student-name-toy").value.trim(); if(!input) { document.getElementById("error-msg-toy").style.display = "block"; return; } document.getElementById("error-msg-toy").style.display = "none"; name = input; questions = shuffle(rawData); currentIdx = 0; answers = {}; seconds = 0; document.getElementById("start-screen-toy").style.display = "none"; document.getElementById("quiz-container-toy").style.display = "block"; buildNav(); loadQ(); updateProg(); if(timer) clearInterval(timer); timer = setInterval(() => { seconds++; let m = Math.floor(seconds/60), s = seconds%60; document.getElementById("timer-display-toy").innerText = `⏱️ ${String(m).padStart(2,'0')}:${String(s).padStart(2,'0')}`; }, 1000); } function buildNav() { const grid = document.getElementById("navigator-grid-toy"); grid.innerHTML = ""; questions.forEach((q, i) => { const dot = document.createElement("button"); dot.className = "nav-dot"; dot.innerText = i+1; dot.id = `nav-toy-${i}`; dot.onclick = () => { currentIdx = i; loadQ(); }; grid.appendChild(dot); }); updateNavUI(); } function updateNavUI() { questions.forEach((q, i) => { const dot = document.getElementById(`nav-toy-${i}`); if(!dot) return; dot.className = "nav-dot"; if(i === currentIdx) dot.classList.add("active"); if(answers[i]) dot.classList.add(answers[i].text === q.th ? "answered-correct" : "answered-incorrect"); }); } function updateProg() { document.getElementById("progress-bar-fill-toy").style.width = (Object.keys(answers).length / questions.length) * 100 + "%"; } function loadQ() { updateNavUI(); updateProg(); document.getElementById("feedback-toy").innerHTML = ""; const q = questions[currentIdx]; document.getElementById("progress-text-toy").innerText = `ข้อที่ ${currentIdx+1} / ${questions.length}`; document.getElementById("question-text-toy").innerText = `คำศัพท์คำว่า "${q.en}" ตรงกับความหมายในข้อใด?`; if(!q.shuffled) { let wrong = shuffle(rawData.filter(x => x.th !== q.th)); q.shuffled = shuffle([{ text: q.th, icon: q.icon }, { text: wrong[0].th, icon: wrong[0].icon }, { text: wrong[1].th, icon: wrong[1].icon }]); } const container = document.getElementById("options-container-toy"); container.innerHTML = ""; const answered = answers[currentIdx] !== undefined; q.shuffled.forEach(opt => { const btn = document.createElement("button"); btn.className = "option-btn"; btn.innerHTML = `${opt.icon} ${opt.text}`; if(answered) { btn.disabled = true; if(opt.text === q.th) btn.classList.add("correct"); else if(answers[currentIdx].text === opt.text) btn.classList.add("incorrect"); } else { btn.onclick = () => { answers[currentIdx] = opt; document.querySelectorAll("#wp-quiz-wrapper-toy .option-btn").forEach(b => b.disabled = true); if(opt.text === q.th) { btn.classList.add("correct"); document.getElementById("feedback-toy").innerHTML = `✨ ถูกต้อง! ${q.icon} ${q.en} = ${q.th}`; } else { btn.classList.add("incorrect"); document.getElementById("feedback-toy").innerHTML = `❌ คำตอบที่ถูกคือ: ${q.icon} "${q.th}"`; document.querySelectorAll("#wp-quiz-wrapper-toy .option-btn").forEach(b => { if(b.innerText.includes(q.th)) b.classList.add("correct"); }); } updateNavUI(); updateProg(); }; } container.appendChild(btn); }); if(answered && answers[currentIdx].text !== q.th) { document.getElementById("feedback-toy").innerHTML = `❌ คำตอบที่ถูกคือ: ${q.icon} "${q.th}"`; } else if(answered) { document.getElementById("feedback-toy").innerHTML = `✨ ถูกต้อง! ${q.icon} ${q.en} = ${q.th}`; } document.getElementById("prev-btn-toy").style.display = currentIdx === 0 ? "none" : "block"; document.getElementById("next-btn-toy").innerText = currentIdx === questions.length - 1 ? "ดูผลคะแนน 🏁" : "ข้อถัดไป ➡️"; } window.prevQuestionToy = function() { if(currentIdx > 0) { currentIdx--; loadQ(); } } window.nextQuestionToy = function() { if(currentIdx < questions.length - 1) { currentIdx++; loadQ(); } else { showRes(); } } function showRes() { if(timer) clearInterval(timer); document.getElementById("quiz-container-toy").style.display = "none"; document.getElementById("result-box-toy").style.display = "block"; document.getElementById("result-name-toy").innerText = `ผู้สอบ: ${name}`; let score = 0; questions.forEach((q, i) => { if(answers[i] && answers[i].text === q.th) score++; }); document.getElementById("score-display-toy").innerText = `ทำได้ ${score} / ${questions.length} คะแนน`; document.getElementById("stat-details-toy").innerText = `⏱️️ เวลา: ${Math.floor(seconds/60)}น. ${seconds%60}ว.`; document.getElementById("result-comment-toy").innerText = score === questions.length ? "🌟 ยอดเยี่ยมมาก!" : "👍 เก่งมากครับ!"; let lb = JSON.parse(localStorage.getItem('wp_quiz_lb_toy') || '[]'); lb.push({ name, score, total: questions.length, time: seconds }); lb.sort((a,b) => b.score - a.score || a.time - b.time); if(lb.length > 10) lb = lb.slice(0, 10); localStorage.setItem('wp_quiz_lb_toy', JSON.stringify(lb)); const tbody = document.getElementById("leaderboard-body-toy"); tbody.innerHTML = ""; lb.forEach((item, idx) => { let row = document.createElement("tr"); row.innerHTML = `#${idx+1}${item.name}${item.score}/${item.total}${Math.floor(item.time/60)}น.${item.time%60}ว.`; tbody.appendChild(row); }); } window.resetToStartToy = function() { document.getElementById("result-box-toy").style.display = "none"; document.getElementById("start-screen-toy").style.display = "block"; document.getElementById("student-name-toy").value = ""; } })();

แบบทดสอบคำศัพท์ ป.1ของเล่นและเกม (Toys & Games – 10 คำ)

แบบทดสอบคำศัพท์ ป.1
ของเล่นและเกม (Toys & Games – 10 คำ)

สรุปผลการทดสอบ

Related

Authain

Read Next

แบบทดสอบคำศัพท์ภาษาอังกฤษ ม.ต้น ชุด 1

แบบทดสอบคำศัพท์ ป.1อาหารและเครื่องดื่ม (Food & Drink – 15 ข้อ)

แบบทดสอบคำศัพท์ ป.1โรงเรียนและห้องเรียน (School & Classroom – 20 ข้อ)

แบบทดสอบคณิตศาสตร์ เข้า ม.1 Gifted โรงเรียนดัง Live worksheet

แบบทดสอบความรู้ วันสำคัญทางพุทธศาสนา (20 ข้อ)

แบบทดสอบคำศัพท์ ป.1อวัยวะในร่างกาย (Body Parts – 15 ข้อ)

แบบทดสอบคำศัพท์ ป.1 หมวดสัตว์ (Animals – 20 ข้อ)

แบบทดสอบคำศัพท์ ป.1สมาชิกในครอบครัว (Family – 10 ข้อ)

แบบทดสอบคำศัพท์ ป.1 หมวดสี (Colors – 10 ข้อ)

แบบทดสอบคำศัพท์ ป.1 Alphabets & Numbers (20 ข้อ)

แบบทดสอบคำศัพท์ภาษาอังกฤษ ม.ต้น ชุด 1

แบบทดสอบคำศัพท์ ป.1อาหารและเครื่องดื่ม (Food & Drink – 15 ข้อ)

แบบทดสอบคำศัพท์ ป.1โรงเรียนและห้องเรียน (School & Classroom – 20 ข้อ)

แบบทดสอบคณิตศาสตร์ เข้า ม.1 Gifted โรงเรียนดัง Live worksheet

แบบทดสอบความรู้ วันสำคัญทางพุทธศาสนา (20 ข้อ)

แบบทดสอบคำศัพท์ ป.1อวัยวะในร่างกาย (Body Parts – 15 ข้อ)

แบบทดสอบคำศัพท์ ป.1 หมวดสัตว์ (Animals – 20 ข้อ)

แบบทดสอบคำศัพท์ ป.1สมาชิกในครอบครัว (Family – 10 ข้อ)

แบบทดสอบคำศัพท์ ป.1 หมวดสี (Colors – 10 ข้อ)

แบบทดสอบคำศัพท์ ป.1 Alphabets & Numbers (20 ข้อ)

แบบทดสอบคำศัพท์ ป.1ของเล่นและเกม (Toys & Games – 10 คำ)

สรุปผลการทดสอบ

Related

Read Next

แบบทดสอบคำศัพท์ภาษาอังกฤษ ม.ต้น ชุด 1

แบบทดสอบคำศัพท์ ป.1อาหารและเครื่องดื่ม (Food & Drink – 15 ข้อ)

แบบทดสอบคำศัพท์ ป.1โรงเรียนและห้องเรียน (School & Classroom – 20 ข้อ)

แบบทดสอบคณิตศาสตร์ เข้า ม.1 Gifted โรงเรียนดัง Live worksheet

แบบทดสอบความรู้ วันสำคัญทางพุทธศาสนา (20 ข้อ)

แบบทดสอบคำศัพท์ ป.1อวัยวะในร่างกาย (Body Parts – 15 ข้อ)

แบบทดสอบคำศัพท์ ป.1 หมวดสัตว์ (Animals – 20 ข้อ)

แบบทดสอบคำศัพท์ ป.1สมาชิกในครอบครัว (Family – 10 ข้อ)

แบบทดสอบคำศัพท์ ป.1 หมวดสี (Colors – 10 ข้อ)

แบบทดสอบคำศัพท์ ป.1 Alphabets & Numbers (20 ข้อ)

แบบทดสอบคำศัพท์ ป.1อาหารและเครื่องดื่ม (Food & Drink - 15 ข้อ)

แบบทดสอบคำศัพท์ภาษาอังกฤษ ม.ต้น ชุด 1

Related Articles

แบบทดสอบคำศัพท์ ป.1
ของเล่นและเกม (Toys & Games – 10 คำ)