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

#wp-quiz-wrapper-general { font-family: inherit; color: #333; padding: 10px; } #wp-quiz-wrapper-general .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-general h1 { color: #2c3e50; text-align: center; font-size: 1.4rem; margin-bottom: 20px; line-height: 1.4; } #wp-quiz-wrapper-general .start-screen { text-align: center; padding: 10px 0; } #wp-quiz-wrapper-general .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-general .name-input:focus { border-color: #3498db; outline: none; } #wp-quiz-wrapper-general .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-general .error-msg { color: #e74c3c; font-size: 0.95rem; margin-top: -10px; margin-bottom: 15px; display: none; } #wp-quiz-wrapper-general .navigator-grid { display: grid; grid-template-columns: repeat(10, 1fr); gap: 4px; margin-bottom: 15px; background: #f1f5f9; padding: 8px; border-radius: 8px; } #wp-quiz-wrapper-general .nav-dot { background: #ffffff; border: 1px solid #cbd5e1; color: #475569; padding: 4px 0; font-size: 0.75rem; border-radius: 4px; cursor: pointer; font-weight: bold; text-align: center; } #wp-quiz-wrapper-general .nav-dot.active { border-color: #3498db; background: #3498db; color: white; } #wp-quiz-wrapper-general .nav-dot.answered-correct { background: #2ecc71; color: white; border-color: #2ecc71; } #wp-quiz-wrapper-general .nav-dot.answered-incorrect { background: #e74c3c; color: white; border-color: #e74c3c; } #wp-quiz-wrapper-general .progress-bar-container { width: 100%; background-color: #e2e8f0; border-radius: 10px; height: 12px; margin-bottom: 15px; overflow: hidden; } #wp-quiz-wrapper-general .progress-bar-fill { height: 100%; background-color: #27ae60; width: 0%; transition: width 0.3s ease; } #wp-quiz-wrapper-general .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-general .timer-box { background: #f8fafc; padding: 5px 12px; border-radius: 6px; border: 1px solid #e2e8f0; color: #e67e22; } #wp-quiz-wrapper-general .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-general .options-container { display: flex; flex-direction: column; gap: 12px; } #wp-quiz-wrapper-general .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-general .option-icon { font-size: 1.4rem; min-width: 30px; text-align: center; } #wp-quiz-wrapper-general .option-btn:disabled { cursor: not-allowed; opacity: 0.85; } #wp-quiz-wrapper-general .correct { background-color: #2ecc71 !important; border-color: #2ecc71 !important; color: white !important; } #wp-quiz-wrapper-general .incorrect { background-color: #e74c3c !important; border-color: #e74c3c !important; color: white !important; } #wp-quiz-wrapper-general #feedback { margin-top: 15px; text-align: center; font-weight: bold; font-size: 1.05rem; min-height: 25px; } #wp-quiz-wrapper-general .quiz-nav-buttons { display: flex; justify-content: space-between; margin-top: 20px; } #wp-quiz-wrapper-general .nav-action-btn { background-color: #95a5a6; color: white; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; } #wp-quiz-wrapper-general .next-action-btn { background-color: #27ae60; color: white; border: none; padding: 10px 25px; border-radius: 8px; cursor: pointer; } #wp-quiz-wrapper-general .result-box { text-align: center; display: none; } #wp-quiz-wrapper-general .score-display { font-size: 1.5rem; color: #e67e22; font-weight: bold; margin: 10px 0; } #wp-quiz-wrapper-general .leaderboard-section { margin-top: 25px; text-align: left; background: #f8f9fa; padding: 15px; border-radius: 10px; border: 1px solid #e9ecef; } #wp-quiz-wrapper-general .leaderboard-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; } #wp-quiz-wrapper-general .leaderboard-table th, #wp-quiz-wrapper-general .leaderboard-table td { padding: 8px 10px; text-align: left; border-bottom: 1px solid #dee2e6; } #wp-quiz-wrapper-general .restart-btn { background-color: #3498db; color: white; border: none; padding: 12px 30px; border-radius: 8px; cursor: pointer; margin-top: 20px; } แบบทดสอบคำศัพท์ ป.1คำศัพท์ทั่วไปและคำทักทาย (General & Greetings - 20 คำ) กรุณากรอกชื่อ-นามสกุล หรือชื่อเล่น ก่อนเริ่มทำแบบทดสอบครับ ⚠️ กรุณากรอกชื่อก่อนเริ่มทำแบบทดสอบครับ เริ่มทำแบบทดสอบ ข้อที่ 1 / 20 ⏱️ 00:00 กำลังโหลดคำถาม... ⬅ ก่อนหน้า ข้อถัดไป ➡️ สรุปผลการทดสอบ 🏆 10 อันดับคะแนนสูงสุด อันดับชื่อคะแนนเวลา 🔄 ทำใหม่อีกครั้ง (function() { const rawData = [ { en: "Hello (เฮลโล)", th: "สวัสดี", icon: "👋" }, { en: "Goodbye (กู๊ดบาย)", th: "ลาก่อน", icon: "🙋♂️" }, { en: "Please (พลีส)", th: "กรุณา", icon: "🙏" }, { en: "Thank you (แตงกิว)", th: "ขอบคุณ", icon: "🙇♂️" }, { en: "Sorry (ซอร์รี)", th: "ขอโทษ", icon: "🙇♀️" }, { en: "Yes (เยส)", th: "ใช่ / ครับ / ค่ะ", icon: "✅" }, { en: "No (โน)", th: "ไม่", icon: "❌" }, { en: "Good (กู๊ด)", th: "ดี", icon: "👍" }, { en: "Bad (แบด)", th: "ไม่ดี / แย่", icon: "👎" }, { en: "Big (บิ๊ก)", th: "ใหญ่", icon: "🐘" }, { en: "Small (สมาล)", th: "เล็ก", icon: "🐜" }, { en: "Hot (ฮอต)", th: "ร้อน", icon: "🔥" }, { en: "Cold (โควด)", th: "หนาว", icon: "❄️" }, { en: "Happy (แฮปปี้)", th: "มีความสุข", icon: "😊" }, { en: "Sad (แซด)", th: "เศร้า", icon: "😢" }, { en: "Sun (ซัน)", th: "พระอาทิตย์", icon: "☀️" }, { en: "Moon (มูน)", th: "พระจันทร์", icon: "🌙" }, { en: "Star (สตาร์)", th: "ดาว", icon: "⭐" }, { en: "Sky (สกาย)", th: "ท้องฟ้า", icon: "🌌" }, { en: "Tree (ทรี)", 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.startQuizGeneral = function() { const input = document.getElementById("student-name-general").value.trim(); if(!input) { document.getElementById("error-msg-general").style.display = "block"; return; } document.getElementById("error-msg-general").style.display = "none"; name = input; questions = shuffle(rawData); currentIdx = 0; answers = {}; seconds = 0; document.getElementById("start-screen-general").style.display = "none"; document.getElementById("quiz-container-general").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-general").innerText = `⏱️️ ${String(m).padStart(2,'0')}:${String(s).padStart(2,'0')}`; }, 1000); } function buildNav() { const grid = document.getElementById("navigator-grid-general"); grid.innerHTML = ""; questions.forEach((q, i) => { const dot = document.createElement("button"); dot.className = "nav-dot"; dot.innerText = i+1; dot.id = `nav-general-${i}`; dot.onclick = () => { currentIdx = i; loadQ(); }; grid.appendChild(dot); }); updateNavUI(); } function updateNavUI() { questions.forEach((q, i) => { const dot = document.getElementById(`nav-general-${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-general").style.width = (Object.keys(answers).length / questions.length) * 100 + "%"; } function loadQ() { updateNavUI(); updateProg(); document.getElementById("feedback-general").innerHTML = ""; const q = questions[currentIdx]; document.getElementById("progress-text-general").innerText = `ข้อที่ ${currentIdx+1} / ${questions.length}`; document.getElementById("question-text-general").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-general"); 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-general .option-btn").forEach(b => b.disabled = true); if(opt.text === q.th) { btn.classList.add("correct"); document.getElementById("feedback-general").innerHTML = `✨ ถูกต้อง! ${q.icon} ${q.en} = ${q.th}`; } else { btn.classList.add("incorrect"); document.getElementById("feedback-general").innerHTML = `❌ คำตอบที่ถูกคือ: ${q.icon} "${q.th}"`; document.querySelectorAll("#wp-quiz-wrapper-general .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-general").innerHTML = `❌ คำตอบที่ถูกคือ: ${q.icon} "${q.th}"`; } else if(answered) { document.getElementById("feedback-general").innerHTML = `✨ ถูกต้อง! ${q.icon} ${q.en} = ${q.th}`; } document.getElementById("prev-btn-general").style.display = currentIdx === 0 ? "none" : "block"; document.getElementById("next-btn-general").innerText = currentIdx === questions.length - 1 ? "ดูผลคะแนน 🏁" : "ข้อถัดไป ➡️"; } window.prevQuestionGeneral = function() { if(currentIdx > 0) { currentIdx--; loadQ(); } } window.nextQuestionGeneral = function() { if(currentIdx < questions.length - 1) { currentIdx++; loadQ(); } else { showRes(); } } function showRes() { if(timer) clearInterval(timer); document.getElementById("quiz-container-general").style.display = "none"; document.getElementById("result-box-general").style.display = "block"; document.getElementById("result-name-general").innerText = `ผู้สอบ: ${name}`; let score = 0; questions.forEach((q, i) => { if(answers[i] && answers[i].text === q.th) score++; }); document.getElementById("score-display-general").innerText = `ทำได้ ${score} / ${questions.length} คะแนน`; document.getElementById("stat-details-general").innerText = `⏱️ เวลา: ${Math.floor(seconds/60)}น. ${seconds%60}ว.`; document.getElementById("result-comment-general").innerText = score === questions.length ? "🌟 ยอดเยี่ยมมาก!" : "👍 เก่งมากครับ!"; let lb = JSON.parse(localStorage.getItem('wp_quiz_lb_general') || '[]'); 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_general', JSON.stringify(lb)); const tbody = document.getElementById("leaderboard-body-general"); 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.resetToStartGeneral = function() { document.getElementById("result-box-general").style.display = "none"; document.getElementById("start-screen-general").style.display = "block"; document.getElementById("student-name-general").value = ""; } })();

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

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

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

Related

Authain

Read Next

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

เกมจับคู่คำศัพท์ ฝึกจํา 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 คำ)

เกมจับคู่คำศัพท์ ฝึกจํา 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 คำ)

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

Related

Read Next

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

เกมจับคู่คำศัพท์ ฝึกจํา 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 Articles

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