แบบทดสอบคำศัพท์ ป.1บ้านและสิ่งของในบ้าน (House & Things – 15 คำ)

#wp-quiz-wrapper-house { font-family: inherit; color: #333; padding: 10px; } #wp-quiz-wrapper-house .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-house h1 { color: #2c3e50; text-align: center; font-size: 1.4rem; margin-bottom: 20px; line-height: 1.4; } #wp-quiz-wrapper-house .start-screen { text-align: center; padding: 10px 0; } #wp-quiz-wrapper-house .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-house .name-input:focus { border-color: #3498db; outline: none; } #wp-quiz-wrapper-house .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-house .error-msg { color: #e74c3c; font-size: 0.95rem; margin-top: -10px; margin-bottom: 15px; display: none; } #wp-quiz-wrapper-house .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-house .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; text-align: center; } #wp-quiz-wrapper-house .nav-dot.active { border-color: #3498db; background: #3498db; color: white; } #wp-quiz-wrapper-house .nav-dot.answered-correct { background: #2ecc71; color: white; border-color: #2ecc71; } #wp-quiz-wrapper-house .nav-dot.answered-incorrect { background: #e74c3c; color: white; border-color: #e74c3c; } #wp-quiz-wrapper-house .progress-bar-container { width: 100%; background-color: #e2e8f0; border-radius: 10px; height: 12px; margin-bottom: 15px; overflow: hidden; } #wp-quiz-wrapper-house .progress-bar-fill { height: 100%; background-color: #27ae60; width: 0%; transition: width 0.3s ease; } #wp-quiz-wrapper-house .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-house .timer-box { background: #f8fafc; padding: 5px 12px; border-radius: 6px; border: 1px solid #e2e8f0; color: #e67e22; } #wp-quiz-wrapper-house .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-house .options-container { display: flex; flex-direction: column; gap: 12px; } #wp-quiz-wrapper-house .option-btn { background-color: #ffffff; border: 2px solid #3498db; color: #2980b9; padding: 12px 20px; font-size: 1rem; border-radius: 8px; cursor: pointer; text-align: left; width: 100%; box-sizing: border-box; display: flex; align-items: center; gap: 12px; } #wp-quiz-wrapper-house .option-icon { font-size: 1.4rem; min-width: 30px; text-align: center; } #wp-quiz-wrapper-house .option-btn:disabled { cursor: not-allowed; opacity: 0.85; } #wp-quiz-wrapper-house .correct { background-color: #2ecc71 !important; border-color: #2ecc71 !important; color: white !important; } #wp-quiz-wrapper-house .incorrect { background-color: #e74c3c !important; border-color: #e74c3c !important; color: white !important; } #wp-quiz-wrapper-house #feedback { margin-top: 15px; text-align: center; font-weight: bold; font-size: 1.05rem; min-height: 25px; } #wp-quiz-wrapper-house .quiz-nav-buttons { display: flex; justify-content: space-between; margin-top: 20px; } #wp-quiz-wrapper-house .nav-action-btn { background-color: #95a5a6; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; } #wp-quiz-wrapper-house .next-action-btn { background-color: #27ae60; color: white; border: none; padding: 10px 25px; border-radius: 8px; cursor: pointer; } #wp-quiz-wrapper-house .result-box { text-align: center; display: none; } #wp-quiz-wrapper-house .score-display { font-size: 1.5rem; color: #e67e22; font-weight: bold; margin: 10px 0; } #wp-quiz-wrapper-house .leaderboard-section { margin-top: 25px; text-align: left; background: #f8f9fa; padding: 15px; border-radius: 10px; border: 1px solid #e9ecef; } #wp-quiz-wrapper-house .leaderboard-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; } #wp-quiz-wrapper-house .leaderboard-table th, #wp-quiz-wrapper-house .leaderboard-table td { padding: 8px 10px; text-align: left; border-bottom: 1px solid #dee2e6; } #wp-quiz-wrapper-house .restart-btn { background-color: #3498db; color: white; border: none; padding: 12px 30px; border-radius: 8px; cursor: pointer; margin-top: 20px; } แบบทดสอบคำศัพท์ ป.1บ้านและสิ่งของในบ้าน (House & Things - 15 คำ) กรุณากรอกชื่อ-นามสกุล หรือชื่อเล่น ก่อนเริ่มทำแบบทดสอบครับ ⚠️ กรุณากรอกชื่อก่อนเริ่มทำแบบทดสอบครับ เริ่มทำแบบทดสอบ ข้อที่ 1 / 15 ⏱️ 00:00 กำลังโหลดคำถาม... ⬅ ก่อนหน้า ข้อถัดไป ➡️ สรุปผลการทดสอบ 🏆 10 อันดับคะแนนสูงสุด อันดับชื่อคะแนนเวลา 🔄 ทำใหม่อีกครั้ง (function() { const rawData = [ { en: "House (เฮาส์)", th: "บ้าน", icon: "🏠" }, { en: "Door (ดอร์)", th: "ประตู", icon: "🚪" }, { en: "Window (วินโดว์)", th: "หน้าต่าง", icon: "🪟" }, { en: "Table (เทเบิล)", th: "โต๊ะ", icon: "🪑" }, { en: "Bed (เบด)", th: "เตียงนอน", icon: "🛏️" }, { en: "Room (รูม)", th: "ห้อง", icon: "🚪" }, { en: "Kitchen (คิทเช่น)", th: "ห้องครัว", icon: "🍳" }, { en: "Bathroom (บาร์ธรูม)", th: "ห้องน้ำ", icon: "🛁" }, { en: "Clock (คล็อก)", th: "นาฬิกา", icon: "⏰" }, { en: "Lamp (แลมป์)", th: "โคมไฟ", icon: " lám" }, { en: "Phone (โฟน)", th: "โทรศัพท์", icon: "📱" }, { en: "TV (ทีวี)", th: "โทรทัศน์", icon: "📺" }, { en: "Box (บ็อกซ์)", th: "กล่อง", icon: "📦" }, { en: "Key (คีย์)", th: "กุญแจ", icon: "🔑" }, { en: "Fan (แฟน)", th: "พัดลม", icon: "🌀" } ]; // แก้ไข Emoji โคมไฟเล็กน้อยให้แสดงผลถูกต้อง rawData[9].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.startQuizHouse = function() { const input = document.getElementById("student-name-house").value.trim(); if(!input) { document.getElementById("error-msg-house").style.display = "block"; return; } document.getElementById("error-msg-house").style.display = "none"; name = input; questions = shuffle(rawData); currentIdx = 0; answers = {}; seconds = 0; document.getElementById("start-screen-house").style.display = "none"; document.getElementById("quiz-container-house").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-house").innerText = `⏱️ ${String(m).padStart(2,'0')}:${String(s).padStart(2,'0')}`; }, 1000); } function buildNav() { const grid = document.getElementById("navigator-grid-house"); grid.innerHTML = ""; questions.forEach((q, i) => { const dot = document.createElement("button"); dot.className = "nav-dot"; dot.innerText = i+1; dot.id = `nav-house-${i}`; dot.onclick = () => { currentIdx = i; loadQ(); }; grid.appendChild(dot); }); updateNavUI(); } function updateNavUI() { questions.forEach((q, i) => { const dot = document.getElementById(`nav-house-${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-house").style.width = (Object.keys(answers).length / questions.length) * 100 + "%"; } function loadQ() { updateNavUI(); updateProg(); document.getElementById("feedback-house").innerHTML = ""; const q = questions[currentIdx]; document.getElementById("progress-text-house").innerText = `ข้อที่ ${currentIdx+1} / ${questions.length}`; document.getElementById("question-text-house").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-house"); 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-house .option-btn").forEach(b => b.disabled = true); if(opt.text === q.th) { btn.classList.add("correct"); document.getElementById("feedback-house").innerHTML = `✨ ถูกต้อง! ${q.icon} ${q.en} = ${q.th}`; } else { btn.classList.add("incorrect"); document.getElementById("feedback-house").innerHTML = `❌ คำตอบที่ถูกคือ: ${q.icon} "${q.th}"`; document.querySelectorAll("#wp-quiz-wrapper-house .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-house").innerHTML = `❌ คำตอบที่ถูกคือ: ${q.icon} "${q.th}"`; } else if(answered) { document.getElementById("feedback-house").innerHTML = `✨ ถูกต้อง! ${q.icon} ${q.en} = ${q.th}`; } document.getElementById("prev-btn-house").style.display = currentIdx === 0 ? "none" : "block"; document.getElementById("next-btn-house").innerText = currentIdx === questions.length - 1 ? "ดูผลคะแนน 🏁" : "ข้อถัดไป ➡️"; } window.prevQuestionHouse = function() { if(currentIdx > 0) { currentIdx--; loadQ(); } } window.nextQuestionHouse = function() { if(currentIdx < questions.length - 1) { currentIdx++; loadQ(); } else { showRes(); } } function showRes() { if(timer) clearInterval(timer); document.getElementById("quiz-container-house").style.display = "none"; document.getElementById("result-box-house").style.display = "block"; document.getElementById("result-name-house").innerText = `ผู้สอบ: ${name}`; let score = 0; questions.forEach((q, i) => { if(answers[i] && answers[i].text === q.th) score++; }); document.getElementById("score-display-house").innerText = `ทำได้ ${score} / ${questions.length} คะแนน`; document.getElementById("stat-details-house").innerText = `⏱️ เวลา: ${Math.floor(seconds/60)}น. ${seconds%60}ว.`; document.getElementById("result-comment-house").innerText = score === questions.length ? "🌟 ยอดเยี่ยมมาก!" : "👍 เก่งมากครับ!"; let lb = JSON.parse(localStorage.getItem('wp_quiz_lb_house') || '[]'); 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_house', JSON.stringify(lb)); const tbody = document.getElementById("leaderboard-body-house"); 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.resetToStartHouse = function() { document.getElementById("result-box-house").style.display = "none"; document.getElementById("start-screen-house").style.display = "block"; document.getElementById("student-name-house").value = ""; } })();

แบบทดสอบคำศัพท์ ป.1บ้านและสิ่งของในบ้าน (House & Things – 15 คำ)

แบบทดสอบคำศัพท์ ป.1
บ้านและสิ่งของในบ้าน (House & Things – 15 คำ)

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

Related

Authain

Read Next

แบบทดสอบคำศัพท์ ป.1 คำศัพท์ทั่วไปและคำทักทาย (General & Greetings – 20 คำ)

เกมจับคู่คำศัพท์ ฝึกจํา English Vocabulary Matching Games Colors Shapes Days Months

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

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

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

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

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

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

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

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

แบบทดสอบคำศัพท์ ป.1 คำศัพท์ทั่วไปและคำทักทาย (General & Greetings – 20 คำ)

เกมจับคู่คำศัพท์ ฝึกจํา English Vocabulary Matching Games Colors Shapes Days Months

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

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

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

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

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

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

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

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

แบบทดสอบคำศัพท์ ป.1บ้านและสิ่งของในบ้าน (House & Things – 15 คำ)

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

Related

Read Next

แบบทดสอบคำศัพท์ ป.1 คำศัพท์ทั่วไปและคำทักทาย (General & Greetings – 20 คำ)

เกมจับคู่คำศัพท์ ฝึกจํา English Vocabulary Matching Games Colors Shapes Days Months

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

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

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

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

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

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

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

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

เกมจับคู่คำศัพท์ ฝึกจํา English Vocabulary Matching Games Colors Shapes Days Months

แบบทดสอบคำศัพท์ ป.1 คำศัพท์ทั่วไปและคำทักทาย (General & Greetings - 20 คำ)

Related Articles

แบบทดสอบคำศัพท์ ป.1
บ้านและสิ่งของในบ้าน (House & Things – 15 คำ)