.gw-section { margin-bottom: 35px; padding: 25px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.05); }
.gw-title { color: #2c3e50; font-weight: 800; font-size: 28px; border-bottom: 3px solid #e74c3c; padding-bottom: 10px; margin-bottom: 25px; }
.gw-h2 { color: #2c3e50; font-size: 22px; margin-top: 0; margin-bottom: 15px; }
.gw-grammar-box { background: #fff; padding: 15px; border-left: 4px solid #3498db; margin-bottom: 15px; border-radius: 0 8px 8px 0; }
.gw-vocab-list { column-count: 2; column-gap: 40px; }
@media (max-width: 600px) { .gw-vocab-list { column-count: 1; } }
.gw-vocab-item { padding: 5px 0; border-bottom: 1px solid #eee; }
/* Quiz Game Styles */
#gw-quiz-container-11 { background: #fff; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.gw-question { font-size: 20px; font-weight: bold; margin-bottom: 20px; color: #2c3e50; }
.gw-options { display: flex; flex-direction: column; gap: 10px; }
.gw-option { background: #3498db; color: white; padding: 12px; border-radius: 8px; cursor: pointer; transition: 0.2s; font-weight: 600; border: none; width: 100%; font-size: 16px; }
.gw-option:hover { background: #2980b9; transform: translateY(-2px); }
.gw-option.correct { background: #27ae60 !important; }
.gw-option.wrong { background: #e74c3c !important; }
#gw-score-screen-11 { display: none; }
.gw-btn-restart { margin-top: 20px; background: #f39c12; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; font-weight: bold; }
🎮 3. İnteraktif Kelime Testi (Quiz)
Hava durumunu, kıyafetleri ve fiziksel özellikleri test edelim!
Soru 1 / 10
Puan: 0
Soru yükleniyor...
Harika iş çıkardın! 🎉
Toplam Puanın: 0 / 100
Tekrar Oyna
const gwQuestions11 = [
{ q: "'What is the weather like?' sorusunun anlamı nedir?", options: ["Nasılsın?", "Hava nasıl?", "Kıyafetin nerede?", "Saat kaç?"], answer: 1 },
{ q: "'Cloudy' kelimesinin Türkçe karşılığı nedir?", options: ["Güneşli", "Rüzgarlı", "Karlı", "Bulutlu"], answer: 3 },
{ q: "Hava yağmurlu olduğunda hangisini söyleriz?", options: ["It is sunny.", "It is snowy.", "It is rainy.", "It is windy."], answer: 2 },
{ q: "'Put on your coat!' cümlesi ne anlama gelir?", options: ["Montunu giy!", "Şapkanı tak!", "Ayakkabını çıkar!", "Eteğini giy!"], answer: 0 },
{ q: "'Yaşlı' kelimesinin İngilizcesi nedir?", options: ["Young", "Tall", "Old", "Short"], answer: 2 },
{ q: "'Trousers' ne demektir?", options: ["Elbise", "Etek", "Tişört", "Pantolon"], answer: 3 },
{ q: "'Genç' anlamına gelen kelime hangisidir?", options: ["Young", "Short", "Sunny", "Old"], answer: 0 },
{ q: "Aşağıdakilerden hangisi bir kıyafet DEĞİLDİR?", options: ["Dress", "Windy", "Shoes", "Skirt"], answer: 1 },
{ q: "'It is sunny. Wear your...' cümlesindeki boşluğa hangisi gelmelidir?", options: ["Coat", "Hat", "Snow", "Rain"], answer: 1 },
{ q: "'Kısa boylu' İngilizcede nasıl söylenir?", options: ["Tall", "Young", "Short", "Cloudy"], answer: 2 }
];
let gwCurrentQ11 = 0;
let gwScore11 = 0;
function gwStartQuiz11() {
gwCurrentQ11 = 0;
gwScore11 = 0;
document.getElementById('gw-score-screen-11').style.display = 'none';
document.getElementById('gw-game-screen-11').style.display = 'block';
gwLoadQuestion11();
}
function gwLoadQuestion11() {
document.getElementById('gw-progress-11').innerText = `Soru ${gwCurrentQ11 + 1} / ${gwQuestions11.length}`;
document.getElementById('gw-score-11').innerText = `Puan: ${gwScore11}`;
const qData = gwQuestions11[gwCurrentQ11];
document.getElementById('gw-question-text-11').innerText = qData.q;
const optionsBox = document.getElementById('gw-options-box-11');
optionsBox.innerHTML = '';
qData.options.forEach((opt, index) => {
const btn = document.createElement('button');
btn.className = 'gw-option';
btn.innerText = opt;
btn.onclick = () => gwCheckAnswer11(btn, index, qData.answer);
optionsBox.appendChild(btn);
});
}
function gwCheckAnswer11(btn, selected, correct) {
const buttons = document.getElementById('gw-options-box-11').querySelectorAll('.gw-option');
buttons.forEach(b => b.disabled = true);
if (selected === correct) {
btn.classList.add('correct');
gwScore11 += 10;
} else {
btn.classList.add('wrong');
buttons[correct].classList.add('correct');
}
setTimeout(() => {
gwCurrentQ11++;
if (gwCurrentQ11 < gwQuestions11.length) {
gwLoadQuestion11();
} else {
gwEndQuiz11();
}
}, 1200);
}
function gwEndQuiz11() {
document.getElementById('gw-game-screen-11').style.display = 'none';
document.getElementById('gw-score-screen-11').style.display = 'block';
document.getElementById('gw-final-score-11').innerText = gwScore11;
}
gwStartQuiz11();
Physical Features Worksheets:
https://i.ibb.co/3Pzkgmv/3-s-n-f-6-nite-Body-Parts.webp
https://i.ibb.co/jkDQPFRd/physical-appearance.jpg
Weather Conditions:
https://www.academysimple.com/wp-content/uploads/2021/10/Weather.pdf
https://www.englishwsheets.com/weather%20conditions%20vocabulary%20esl%20unscramble%20the%20words%20worksheet%20for%20kids.pdf
Clothing:
https://i.ibb.co/qQm2dTM/esl-clothing-e1572483220112.webp
https://i.ibb.co/sJmcgsZB/clothing.jpg