Juego Infantil: Present Simple vs Present Continuous
by StormBear94152 lines7.1 KB
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Juego Infantil: Present Simple vs Present Continuous</title>
<style>
body {
font-family: "Comic Sans MS", cursive, sans-serif;
background: linear-gradient(to bottom, #fceabb, #f8b500);
text-align: center;
margin: 0;
padding: 20px;
}
h1 {
color: #e74c3c;
text-shadow: 2px 2px #fff;
}
.game-section {
border: 4px dashed #2ecc71;
border-radius: 15px;
padding: 20px;
margin: 20px auto;
max-width: 700px;
background: #fffbea;
}
button {
background: #3498db;
color: white;
border: none;
padding: 12px 25px;
margin: 8px;
border-radius: 10px;
cursor: pointer;
font-size: 16px;
transition: 0.3s;
}
button:hover {
background: #2980b9;
transform: scale(1.1);
}
.output {
margin-top: 15px;
font-weight: bold;
color: #2c3e50;
font-size: 18px;
}
.correct { color: green; }
.incorrect { color: red; }
#score {
font-size: 20px;
color: #8e44ad;
margin: 15px;
}
</style>
</head>
<body>
<h1>🌟 Juego Infantil: Present Simple vs Present Continuous 🌟</h1>
<p>¡Aprende jugando con tus juguetes y actividades divertidas!</p>
<div id="score">⭐ Puntos: 0</div>
<!-- Warm-up Freeze & Motion -->
<div class="game-section">
<h2>🎵 Freeze & Motion</h2>
<p>¿Qué está pasando ahora?</p>
<button onclick="check('I am eating','continuous','freezeOutput')">I am eating 🍕</button>
<button onclick="check('I eat pizza','simple','freezeOutput')">I eat pizza 🍕</button>
<button onclick="check('I am brushing my hair','continuous','freezeOutput')">I am brushing my hair 💇</button>
<button onclick="check('I brush my hair','simple','freezeOutput')">I brush my hair 💇</button>
<div id="freezeOutput" class="output"></div>
</div>
<!-- Toy World -->
<div class="game-section">
<h2>🧸 Toy World</h2>
<p>Elige la frase correcta para tu juguete:</p>
<button onclick="check('Batman drinks milk every morning','simple','toyOutput')">Batman drinks milk every morning 🥛</button>
<button onclick="check('Batman is flying right now','continuous','toyOutput')">Batman is flying right now 🦇</button>
<button onclick="check('Batman plays soccer','simple','toyOutput')">Batman plays soccer ⚽</button>
<button onclick="check('Batman is playing soccer now','continuous','toyOutput')">Batman is playing soccer now ⚽</button>
<div id="toyOutput" class="output"></div>
</div>
<!-- Mystery Lego Tower -->
<div class="game-section">
<h2>🧱 Mystery Lego Tower</h2>
<p>Selecciona la oración correcta:</p>
<button onclick="check('I make my bed every day','simple','legoOutput')">I make my bed every day 🛏️</button>
<button onclick="check('I am building a tower now','continuous','legoOutput')">I am building a tower now 🧱</button>
<button onclick="check('I do homework every afternoon','simple','legoOutput')">I do homework every afternoon 📚</button>
<button onclick="check('I am doing homework now','continuous','legoOutput')">I am doing homework now 📚</button>
<div id="legoOutput" class="output"></div>
</div>
<!-- Detective Charades -->
<div class="game-section">
<h2>🕵️ Detective Charades</h2>
<p>¿Qué está haciendo el osito?</p>
<button onclick="check('The teddy bear is dancing','continuous','charadesOutput')">The teddy bear is dancing 🐻🎶</button>
<button onclick="check('The teddy bear sleeps every night','simple','charadesOutput')">The teddy bear sleeps every night 🐻😴</button>
<button onclick="check('The teddy bear is jumping','continuous','charadesOutput')">The teddy bear is jumping 🐻🤸</button>
<button onclick="check('The teddy bear eats honey','simple','charadesOutput')">The teddy bear eats honey 🍯</button>
<div id="charadesOutput" class="output"></div>
</div>
<!-- Toy Daily Schedule -->
<div class="game-section">
<h2>📅 Toy Daily Schedule</h2>
<p>Selecciona la frase correcta:</p>
<button onclick="check('My robot plays games in the afternoon','simple','scheduleOutput')">My robot plays games in the afternoon 🤖🎮</button>
<button onclick="check('My robot is playing now','continuous','scheduleOutput')">My robot is playing now 🤖🎮</button>
<button onclick="check('My robot sleeps at night','simple','scheduleOutput')">My robot sleeps at night 🤖🌙</button>
<button onclick="check('My robot is sleeping now','continuous','scheduleOutput')">My robot is sleeping now 🤖🌙</button>
<div id="scheduleOutput" class="output"></div>
</div>
<!-- Simon Says -->
<div class="game-section">
<h2>🎲 Simon Says</h2>
<p>Responde a la orden:</p>
<button onclick="check('I eat breakfast every morning','simple','simonOutput')">I eat breakfast every morning 🍳</button>
<button onclick="check('My toy is flying right now','continuous','simonOutput')">My toy is flying right now 🛩️</button>
<button onclick="check('I brush my teeth every day','simple','simonOutput')">I brush my teeth every day 🪥</button>
<button onclick="check('I am brushing my teeth now','continuous','simonOutput')">I am brushing my teeth now 🪥</button>
<div id="simonOutput" class="output"></div>
</div>
<!-- Freeze-Frame Storyteller -->
<div class="game-section">
<h2>📖 Freeze-Frame Storyteller</h2>
<p>Elige la narración correcta:</p>
<button onclick="check('He sleeps in my room every night','simple','storyOutput')">He sleeps in my room every night 🐶🛏️</button>
<button onclick="check('He is running in the park right now','continuous','storyOutput')">He is running in the park right now 🐶🏞️</button>
<button onclick="check('He plays with me every afternoon','simple','storyOutput')">He plays with me every afternoon 🐶🎲</button>
<button onclick="check('He is playing with me now','continuous','storyOutput')">He is playing with me now 🐶🎲</button>
<div id="storyOutput" class="output"></div>
</div>
<!-- Toy Race -->
<div class="game-section">
<h2>🏎️ Toy Race</h2>
<p>¡Haz avanzar tu carro con la respuesta correcta!</p>
<button onclick="check('He cleans his car on Mondays','simple','raceOutput')">He cleans his car on Mondays 🚗</button>
<button onclick="check('He is driving fast right now','continuous','raceOutput')">He is driving fast right now 🚗💨</button>
<button onclick="check('He washes his car every week','simple','raceOutput')">He washes his car every week 🚗🧽</button>
<button onclick="check('He is washing his car now','continuous','raceOutput')">He is washing his car now 🚗🧽</button>
<div id="raceOutput" class="output"></div>
</div>
<script>
let score = 0;
function check(sentence, tense, outputId) {
let output = document.getElementById(outputGame Source: Juego Infantil: Present Simple vs Present Continuous
Creator: StormBear94
Libraries: none
Complexity: moderate (152 lines, 7.1 KB)
The full source code is displayed above on this page.
Remix Instructions
To remix this game, copy the source code above and modify it. Add a ARCADELAB header at the top with "remix_of: juego-infantil-present-simple-vs-present-stormbear94" to link back to the original. Then publish at arcadelab.ai/publish.