כיתה ח'2

http://<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Present Simple vs. Progressive – Challenge Mode</title> <style> body { font-family: "Comic Sans MS", Arial, sans-serif; background: #eaf6ff; text-align: center; padding: 20px; } h1 { color: #0077b6; } #question { font-size: 1.5em; margin: 20px; } .options { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; } button { background: #90e0ef; border: none; padding: 12px 18px; margin: 5px; font-size: 1.1em; border-radius: 10px; cursor: pointer; transition: 0.3s; box-shadow: 2px 2px 5px rgba(0,0,0,0.2); } button:hover { background: #48cae4; transform: scale(1.05); } #feedback { font-size: 1.2em; margin: 15px; min-height: 30px; } #score, #timer { font-weight: bold; margin-top: 15px; } #teacher { font-size: 4em; margin-top: 20px; transition: transform 0.3s; } #playAgain { display: none; background: #ffb6b9; font-size: 1.2em; padding: 12px 20px; margin-top: 20px; } #playAgain:hover { background: #ff8b94; } </style> </head> <body> <h1>🔥 Challenge Mode 🔥</h1> <p id="question">Loading question...</p> <div class="options" id="options"></div> <p id="feedback"></p> <p id="timer">⏳ Time left: 15</p> <p id="score">Score: 0</p>  <div id="teacher">👩‍🏫</div> <button id="playAgain" onclick="restartGame()">🎮 Play Again</button> <script> const questions = [ { sentence: "Right now, she ___ (study) for her test.", options: ["studies", "is studying", "study"], answer: "is studying" }, { sentence: "They usually ___ (eat) lunch at school.", options: ["are eating", "eat", "eats"], answer: "eat" }, { sentence: "Look! The children ___ (dance) in the garden.", options: ["are dancing", "dance", "dances"], answer: "are dancing" }, { sentence: "He ___ (go) to the gym every Monday.", options: ["goes", "is going", "go"], answer: "goes" }, { sentence: "At the moment, I ___ (play) the guitar. 🎸", options: ["am playing", "play", "plays"], answer: "am playing" }, { sentence: "My friends ___ (play) football right now.", options: ["play", "plays", "are playing"], answer: "are playing" }, { sentence: "She ___ (like) pizza.", options: ["likes", "is liking", "like"], answer: "likes" }, { sentence: "We ___ (travel) to London this week.", options: ["are traveling", "travel", "travels"], answer: "are traveling" }, { sentence: "Water ___ (boil) at 100°C.", options: ["boils", "is boiling", "boil"], answer: "boils" }, { sentence: "They ___ (sleep) in their room right now.", options: ["sleep", "sleeps", "are sleeping"], answer: "are sleeping" }, { sentence: "The sun ___ (rise) in the east.", options: ["rises", "is rising", "rise"], answer: "rises" }, { sentence: "The dog ___ (run) in the park now.", options: ["is running", "runs", "run"], answer: "is running" }, { sentence: "We often ___ (visit) our grandparents.", options: ["visit", "visits", "are visiting"], answer: "visit" }, { sentence: "She ___ (have) lunch with her friend today.", options: ["is having", "has", "have"], answer: "is having" }, { sentence: "Birds usually ___ (fly) south in winter.", options: ["fly", "flies", "are flying"], answer: "fly" } ]; let score = 0; let currentIndex = 0; let timeLeft = 15; let timer; const teacher = document.getElementById("teacher"); const playAgainButton = document.getElementById("playAgain"); function startTimer() { timeLeft = 15; document.getElementById("timer").textContent = "⏳ Time left: " + timeLeft; clearInterval(timer); timer = setInterval(() => { timeLeft--; document.getElementById("timer").textContent = "⏳ Time left: " + timeLeft; if (timeLeft <= 0) { clearInterval(timer); showFeedback(false); nextQuestion(); } }, 1000); } function loadQuestion() { if (currentIndex < questions.length) { const q = questions[currentIndex]; document.getElementById("question").textContent = q.sentence; document.getElementById("feedback").textContent = ""; teacher.textContent = "👩‍🏫"; playAgainButton.style.display = "none"; const optionsDiv = document.getElementById("options"); optionsDiv.innerHTML = ""; q.options.forEach(opt => { const btn = document.createElement("button"); btn.textContent = opt; btn.onclick = () => checkAnswer(opt); optionsDiv.appendChild(btn); }); startTimer(); } else { document.getElementById("question").textContent = "🎉 Game Over!"; document.getElementById("options").innerHTML = ""; document.getElementById("feedback").textContent = "Your final score: " + score + "/" + questions.length; teacher.textContent = "🏆"; playAgainButton.style.display = "inline-block"; clearInterval(timer); } } function checkAnswer(choice) { clearInterval(timer); const q = questions[currentIndex]; if (choice === q.answer) { score++; showFeedback(true); } else { showFeedback(false); } nextQuestion(); } function showFeedback(correct) { if (correct) { document.getElementById("feedback").textContent = "✅ Correct!"; teacher.textContent = "😃"; teacher.style.transform = "scale(1.2)"; } else { document.getElementById("feedback").textContent = "❌ Wrong!"; teacher.textContent = "😢"; teacher.style.transform = "scale(0.9)"; } document.getElementById("score").textContent = "Score: " + score; } function nextQuestion() { currentIndex++; setTimeout(() => { teacher.style.transform = "scale(1)"; loadQuestion(); }, 1500); } function restartGame() { score = 0; currentIndex = 0; loadQuestion(); } loadQuestion(); </script> </body> </html>

ברוכות הבאות לבית רבקה בוגרות!

כיתה ח'2

📌חשוב לדעת..