{"id":345,"date":"2026-01-27T18:37:40","date_gmt":"2026-01-27T17:37:40","guid":{"rendered":"https:\/\/blogsaverroes.juntadeandalucia.es\/teacheradrian\/?p=345"},"modified":"2026-01-27T18:46:30","modified_gmt":"2026-01-27T17:46:30","slug":"345","status":"publish","type":"post","link":"https:\/\/blogsaverroes.juntadeandalucia.es\/teacheradrian\/2026\/01\/345\/","title":{"rendered":"prueba verbs"},"content":{"rendered":"
Irregular Hero – 4\u00ba ESO<\/title><br \/>\n <!-- Cargamos Tailwind desde CDN --><\/p>\n<p> \/* Encapsulamos todo para que no afecte al resto del blog *\/<br \/>\n .game-wrapper {<br \/>\n all: initial; \/* Reseteamos estilos heredados del blog *\/<br \/>\n display: block;<br \/>\n font-family: ‘Poppins’, sans-serif;<br \/>\n background: #0f172a;<br \/>\n color: white;<br \/>\n padding: 20px;<br \/>\n border-radius: 15px;<br \/>\n max-width: 800px;<br \/>\n margin: 20px auto;<br \/>\n min-height: 500px;<br \/>\n }<\/p>\n<p> @import url(‘https:\/\/fonts.googleapis.com\/css2?family=Luckiest+Guy&family=Poppins:wght@400;600;800&display=swap’);<\/p>\n<p> .hero-font { font-family: ‘Luckiest Guy’, cursive; letter-spacing: 2px; }<br \/>\n .card-gradient { background: linear-gradient(135deg, #1e293b 0%, #334155 100%); border: 2px solid #475569; }<\/p>\n<p> .input-hero {<br \/>\n background: rgba(255, 255, 255, 0.1) !important;<br \/>\n border: 2px solid #64748b !important;<br \/>\n color: white !important;<br \/>\n text-align: center !important;<br \/>\n padding: 10px !important;<br \/>\n width: 100% !important;<br \/>\n border-radius: 10px !important;<br \/>\n font-size: 1.2rem !important;<br \/>\n margin-bottom: 10px !important;<br \/>\n }<\/p>\n<p> .input-hero:disabled {<br \/>\n background: rgba(56, 189, 248, 0.2) !important;<br \/>\n border-color: #38bdf8 !important;<br \/>\n color: #38bdf8 !important;<br \/>\n }<\/p>\n<p> .shake { animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both; }<br \/>\n @keyframes shake {<br \/>\n 10%, 90% { transform: translate3d(-1px, 0, 0); }<br \/>\n 20%, 80% { transform: translate3d(2px, 0, 0); }<br \/>\n 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }<br \/>\n 40%, 60% { transform: translate3d(4px, 0, 0); }<br \/>\n }<\/p>\n<p> .btn-game {<br \/>\n background: #0284c7;<br \/>\n color: white;<br \/>\n border: none;<br \/>\n padding: 15px;<br \/>\n border-radius: 10px;<br \/>\n font-weight: bold;<br \/>\n cursor: pointer;<br \/>\n width: 100%;<br \/>\n font-size: 1.1rem;<br \/>\n }<br \/>\n .btn-game:hover { background: #0ea5e9; }<br \/>\n .hidden { display: none !important; }<\/p>\n<div class=\"game-wrapper\">\n <!-- Pantalla de Inicio --><\/p>\n<div id=\"start-screen\" style=\"text-align: center\">\n<h1 class=\"hero-font\" style=\"font-size: 3rem;color: #38bdf8;margin-bottom: 10px\">IRREGULAR HERO<\/h1>\n<p style=\"color: #94a3b8;font-style: italic;margin-bottom: 30px\">4\u00ba ESO – Master the verbs<\/p>\n<div style=\"grid-template-columns: 1fr;gap: 15px\">\n <button class=\"card-gradient\" style=\"padding: 20px;border-radius: 15px;color: #4ade80;cursor: pointer\"><br \/>\n <b style=\"font-size: 1.2rem\">\ud83e\udd49 BEGINNER<\/b><br \/><small style=\"color: #94a3b8\">Common verbs<\/small><br \/>\n <\/button><br \/>\n <button class=\"card-gradient\" style=\"padding: 20px;border-radius: 15px;color: #fbbf24;cursor: pointer\"><br \/>\n <b style=\"font-size: 1.2rem\">\ud83e\udd48 CHALLENGER<\/b><br \/><small style=\"color: #94a3b8\">Standard 4\u00ba ESO<\/small><br \/>\n <\/button><br \/>\n <button class=\"card-gradient\" style=\"padding: 20px;border-radius: 15px;color: #f87171;cursor: pointer\"><br \/>\n <b style=\"font-size: 1.2rem\">\ud83e\udd47 MASTER<\/b><br \/><small style=\"color: #94a3b8\">Advanced level<\/small><br \/>\n <\/button>\n <\/div>\n<\/p><\/div>\n<p> <!-- Pantalla de Juego --><\/p>\n<div id=\"game-screen\" class=\"hidden\">\n<div style=\"justify-content: space-between;align-items: center;margin-bottom: 20px\">\n <button style=\"background: none;border: none;color: #94a3b8;cursor: pointer\">Volver<\/button><\/p>\n<div id=\"score\" class=\"hero-font\" style=\"font-size: 1.5rem;color: #38bdf8\">0<\/div>\n<\/p><\/div>\n<div class=\"card-gradient\" id=\"game-card\" style=\"padding: 30px;border-radius: 20px;text-align: center;position: relative\">\n <span id=\"challenge-label\" style=\"font-size: 0.7rem;font-weight: bold;background: #0c4a6e;padding: 4px 10px;border-radius: 20px;color: #38bdf8\">CHALLENGE<\/span><\/p>\n<h2 id=\"main-clue\" class=\"hero-font\" style=\"font-size: 2.5rem;margin: 15px 0\">…<\/h2>\n<p id=\"sub-clue\" style=\"color: #94a3b8;margin-bottom: 25px;font-style: italic\">…<\/p>\n<div>\n<p> <button class=\"btn-game\">COMPROBAR<\/button>\n <\/div>\n<\/p><\/div>\n<div id=\"hint-box\" style=\"margin-top: 15px;text-align: center;font-size: 0.9rem\"><\/div>\n<\/p><\/div>\n<p> <!-- Pantalla Final --><\/p>\n<div id=\"end-screen\" class=\"hidden\" style=\"text-align: center;padding: 40px 0\">\n<h2 class=\"hero-font\" style=\"font-size: 3rem;color: #38bdf8\">WELL DONE!<\/h2>\n<p style=\"font-size: 1.5rem\">Score: <span id=\"final-score\">0<\/span><\/p>\n<p> <button class=\"btn-game\" style=\"margin-top: 30px;width: auto;padding: 15px 40px\">PLAY AGAIN<\/button>\n <\/div>\n<\/div>\n<p> const verbs = {<br \/>\n easy: [<br \/>\n { inf: ‘be’, past: [‘was’, ‘were’], part: ‘been’, mean: ‘ser\/estar’ },<br \/>\n { inf: ‘do’, past: ‘did’, part: ‘done’, mean: ‘hacer’ },<br \/>\n { inf: ‘go’, past: ‘went’, part: ‘gone’, mean: ‘ir’ },<br \/>\n { inf: ‘see’, past: ‘saw’, part: ‘seen’, mean: ‘ver’ },<br \/>\n { inf: ‘have’, past: ‘had’, part: ‘had’, mean: ‘tener’ }<br \/>\n ],<br \/>\n medium: [<br \/>\n { inf: ‘break’, past: ‘broke’, part: ‘broken’, mean: ‘romper’ },<br \/>\n { inf: ‘choose’, past: ‘chose’, part: ‘chosen’, mean: ‘elegir’ },<br \/>\n { inf: ‘drive’, past: ‘drove’, part: ‘driven’, mean: ‘conducir’ },<br \/>\n { inf: ‘know’, past: ‘knew’, part: ‘known’, mean: ‘saber’ },<br \/>\n { inf: ‘speak’, past: ‘spoke’, part: ‘spoken’, mean: ‘hablar’ }<br \/>\n ],<br \/>\n hard: [<br \/>\n { inf: ‘arise’, past: ‘arose’, part: ‘arisen’, mean: ‘surgir’ },<br \/>\n { inf: ‘shrink’, past: ‘shrank’, part: ‘shrunk’, mean: ‘encoger’ },<br \/>\n { inf: ‘strive’, past: ‘strove’, part: ‘striven’, mean: ‘esforzarse’ },<br \/>\n { inf: ‘weave’, past: ‘wove’, part: ‘woven’, mean: ‘tejer’ },<br \/>\n { inf: ‘withdraw’, past: ‘withdrew’, part: ‘withdrawn’, mean: ‘retirar’ }<br \/>\n ]<br \/>\n };<\/p>\n<p> let currentVerbs = [];<br \/>\n let currentIndex = 0;<br \/>\n let score = 0;<\/p>\n<p> function startGame(level) {<br \/>\n currentVerbs = […verbs[level]].sort(() => Math.random() – 0.5);<br \/>\n currentIndex = 0;<br \/>\n score = 0;<br \/>\n document.getElementById(‘start-screen’).classList.add(‘hidden’);<br \/>\n document.getElementById(‘game-screen’).classList.remove(‘hidden’);<br \/>\n loadVerb();<br \/>\n }<\/p>\n<p> function loadVerb() {<br \/>\n const verb = currentVerbs[currentIndex];<br \/>\n const modes = [‘inf’, ‘past’, ‘part’, ‘mean’];<br \/>\n const mode = modes[Math.floor(Math.random() * modes.length)];<\/p>\n<p> const inputs = {<br \/>\n inf: document.getElementById(‘input-inf’),<br \/>\n past: document.getElementById(‘input-past’),<br \/>\n part: document.getElementById(‘input-part’)<br \/>\n };<\/p>\n<p> Object.values(inputs).forEach(i => { i.value = \u00bb; i.disabled = false; });<br \/>\n document.getElementById(‘sub-clue’).innerText = \u00bb;<br \/>\n document.getElementById(‘hint-box’).innerText = \u00bb;<\/p>\n<p> if (mode === ‘mean’) {<br \/>\n document.getElementById(‘main-clue’).innerText = verb.mean;<br \/>\n document.getElementById(‘challenge-label’).innerText = ‘RETO: SIGNIFICADO’;<br \/>\n } else if (mode === ‘inf’) {<br \/>\n document.getElementById(‘main-clue’).innerText = verb.inf;<br \/>\n inputs.inf.value = verb.inf; inputs.inf.disabled = true;<br \/>\n document.getElementById(‘sub-clue’).innerText = verb.mean;<br \/>\n document.getElementById(‘challenge-label’).innerText = ‘RETO: INFINITIVO’;<br \/>\n } else if (mode === ‘past’) {<br \/>\n const p = Array.isArray(verb.past) ? verb.past[0] : verb.past;<br \/>\n document.getElementById(‘main-clue’).innerText = p;<br \/>\n inputs.past.value = p; inputs.past.disabled = true;<br \/>\n document.getElementById(‘sub-clue’).innerText = verb.mean;<br \/>\n document.getElementById(‘challenge-label’).innerText = ‘RETO: PASADO’;<br \/>\n } else if (mode === ‘part’) {<br \/>\n document.getElementById(‘main-clue’).innerText = verb.part;<br \/>\n inputs.part.value = verb.part; inputs.part.disabled = true;<br \/>\n document.getElementById(‘sub-clue’).innerText = verb.mean;<br \/>\n document.getElementById(‘challenge-label’).innerText = ‘RETO: PARTICIPIO’;<br \/>\n }<\/p>\n<p> document.getElementById(‘score’).innerText = score;<br \/>\n }<\/p>\n<p> function checkAnswer() {<br \/>\n const verb = currentVerbs[currentIndex];<br \/>\n const inf = document.getElementById(‘input-inf’).value.trim().toLowerCase();<br \/>\n const past = document.getElementById(‘input-past’).value.trim().toLowerCase();<br \/>\n const part = document.getElementById(‘input-part’).value.trim().toLowerCase();<br \/>\n const card = document.getElementById(‘game-card’);<\/p>\n<p> const isPastOk = Array.isArray(verb.past) ? verb.past.includes(past) : past === verb.past;<\/p>\n<p> if (inf === verb.inf && isPastOk && part === verb.part) {<br \/>\n score += 100;<br \/>\n currentIndex++;<br \/>\n if (currentIndex card.classList.remove(‘shake’), 500);<br \/>\n const pText = Array.isArray(verb.past) ? verb.past.join(‘\/’) : verb.past;<br \/>\n document.getElementById(‘hint-box’).innerHTML = `<span style=\"color:#f87171\">Incorrecto:<\/span> ${verb.inf} | ${pText} | ${verb.part}`;<br \/>\n }<br \/>\n }<\/p>\n<p> function endGame() {<br \/>\n document.getElementById(‘game-screen’).classList.add(‘hidden’);<br \/>\n document.getElementById(‘end-screen’).classList.remove(‘hidden’);<br \/>\n document.getElementById(‘final-score’).innerText = score;<br \/>\n }<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Irregular Hero – 4\u00ba ESO \/* Encapsulamos todo para que no afecte al resto del blog *\/ .game-wrapper { all: initial; \/* Reseteamos estilos heredados del blog *\/ display: block; font-family: ‘Poppins’, sans-serif; background:...<\/p>\n","protected":false},"author":8226,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[1],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/teacheradrian\/wp-json\/wp\/v2\/posts\/345"}],"collection":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/teacheradrian\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/teacheradrian\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/teacheradrian\/wp-json\/wp\/v2\/users\/8226"}],"replies":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/teacheradrian\/wp-json\/wp\/v2\/comments?post=345"}],"version-history":[{"count":4,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/teacheradrian\/wp-json\/wp\/v2\/posts\/345\/revisions"}],"predecessor-version":[{"id":349,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/teacheradrian\/wp-json\/wp\/v2\/posts\/345\/revisions\/349"}],"wp:attachment":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/teacheradrian\/wp-json\/wp\/v2\/media?parent=345"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/teacheradrian\/wp-json\/wp\/v2\/categories?post=345"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/teacheradrian\/wp-json\/wp\/v2\/tags?post=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}