Sujeto, Verbo y Predicado<\/title>\n\n<style>\n.spanishApp793d7a{\n font-family:Arial,sans-serif;\n display:flex;\n justify-content:center;\n padding:20px;\n}\n\n.card793d7a{\n width:100%;\n max-width:780px;\n background:white;\n border-radius:20px;\n padding:25px;\n box-shadow:0 8px 25px rgba(0,0,0,0.15);\n border-top:10px solid #793d7a;\n}\n\n.card793d7a h2{\n text-align:center;\n color:#793d7a;\n}\n\n.subtitle793d7a{\n text-align:center;\n color:#666;\n margin-bottom:25px;\n}\n\n.levelBox793d7a{\n display:flex;\n gap:10px;\n justify-content:center;\n flex-wrap:wrap;\n margin-bottom:20px;\n}\n\n.levelBtn793d7a{\n padding:12px 18px;\n border:none;\n border-radius:12px;\n background:#eee;\n color:#333;\n cursor:pointer;\n font-weight:bold;\n}\n\n.active793d7a{\n background:#793d7a !important;\n color:white !important;\n}\n\n.progressWrap793d7a{\n width:100%;\n height:22px;\n background:#eee;\n border-radius:20px;\n overflow:hidden;\n margin-bottom:10px;\n}\n\n.progressBar793d7a{\n height:100%;\n width:10%;\n background:#793d7a;\n transition:0.4s;\n}\n\n.progressText793d7a{\n text-align:center;\n font-weight:bold;\n margin-bottom:25px;\n color:#555;\n}\n\n.problemBox793d7a{\n background:#faf7fa;\n border-radius:18px;\n padding:25px;\n}\n\n.instruction793d7a{\n background:#f0dff0;\n padding:14px;\n border-radius:12px;\n color:#793d7a;\n font-size:20px;\n font-weight:bold;\n margin-bottom:20px;\n text-align:center;\n}\n\n.sentence793d7a{\n background:white;\n border-radius:18px;\n padding:22px;\n font-size:28px;\n line-height:1.5;\n text-align:center;\n margin-bottom:22px;\n color:#222;\n}\n\n.options793d7a{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:12px;\n margin-bottom:20px;\n}\n\n.option793d7a{\n background:white !important;\n border:3px solid #ddd !important;\n border-radius:14px;\n padding:16px;\n font-size:20px !important;\n font-weight:bold;\n color:#793d7a !important;\n cursor:pointer;\n}\n\n.option793d7a:hover{\n border-color:#793d7a !important;\n transform:scale(1.03);\n}\n\n.selected793d7a{\n border-color:#793d7a !important;\n background:#f4d8f4 !important;\n}\n\n.hintBtn793d7a{\n width:100%;\n padding:15px;\n border:none;\n border-radius:12px;\n background:#e7d3e7;\n color:#793d7a;\n font-size:18px;\n font-weight:bold;\n cursor:pointer;\n margin-bottom:15px;\n}\n\n.checkBtn793d7a,\n.nextBtn793d7a{\n width:100%;\n padding:15px;\n border:none;\n border-radius:12px;\n background:#793d7a;\n color:white;\n font-size:18px;\n font-weight:bold;\n cursor:pointer;\n}\n\n.feedback793d7a{\n margin-top:20px;\n background:white;\n border-radius:14px;\n padding:18px;\n font-size:18px;\n line-height:1.7;\n color:#222;\n}\n\n.good793d7a{\n color:green;\n font-size:22px;\n font-weight:bold;\n}\n\n.bad793d7a{\n color:crimson;\n font-size:22px;\n font-weight:bold;\n}\n\n.hintBox793d7a{\n background:#f8eef8;\n border-left:5px solid #793d7a;\n padding:15px;\n border-radius:10px;\n}\n\n.colorSentence793d7a{\n margin-top:14px;\n font-size:20px;\n line-height:1.8;\n}\n\n.subjectColor793d7a{\n background:#ead7ea;\n color:#793d7a;\n padding:3px 7px;\n border-radius:7px;\n font-weight:bold;\n}\n\n.verbColor793d7a{\n background:#dff3e3;\n color:#176b2c;\n padding:3px 7px;\n border-radius:7px;\n font-weight:bold;\n}\n\n.predicateColor793d7a{\n background:#fff0d6;\n color:#9a5a00;\n padding:3px 7px;\n border-radius:7px;\n font-weight:bold;\n}\n\n.answersBox793d7a{\n margin-top:20px;\n background:#faf7fa;\n border-radius:16px;\n padding:18px;\n line-height:1.8;\n color:#333;\n}\n\n.score793d7a{\n text-align:center;\n font-size:22px;\n margin-top:25px;\n color:#793d7a;\n font-weight:bold;\n}\n\n@media(max-width:600px){\n .sentence793d7a{\n font-size:23px;\n }\n\n .options793d7a{\n grid-template-columns:1fr;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"spanishApp793d7a\">\n <div class=\"card793d7a\">\n\n <h2>Sujeto, Verbo y Predicado<\/h2>\n <p class=\"subtitle793d7a\">Lee la oraci\u00f3n y elige cada parte<\/p>\n\n <div class=\"levelBox793d7a\">\n <button class=\"levelBtn793d7a active793d7a\" data-level=\"beginner\">Nivel 1<\/button>\n <button class=\"levelBtn793d7a\" data-level=\"intermediate\">Nivel 2<\/button>\n <button class=\"levelBtn793d7a\" data-level=\"advanced\">Nivel 3<\/button>\n <\/div>\n\n <div class=\"progressWrap793d7a\">\n <div class=\"progressBar793d7a\" id=\"progress793d7a\"><\/div>\n <\/div>\n\n <div class=\"progressText793d7a\" id=\"progressText793d7a\">Ejercicio 1 de 10<\/div>\n\n <div class=\"problemBox793d7a\">\n <div class=\"instruction793d7a\" id=\"instruction793d7a\">Identifica el sujeto:<\/div>\n <div class=\"sentence793d7a\" id=\"sentence793d7a\"><\/div>\n <div class=\"options793d7a\" id=\"options793d7a\"><\/div>\n\n <button class=\"hintBtn793d7a\" id=\"hintBtn793d7a\">Ver pista<\/button>\n <button class=\"checkBtn793d7a\" id=\"checkBtn793d7a\">Revisar respuesta<\/button>\n\n <div class=\"feedback793d7a\" id=\"feedback793d7a\"><\/div>\n <\/div>\n\n <div class=\"answersBox793d7a\">\n <div><strong>Sujeto:<\/strong> <span id=\"chosenSubject793d7a\">—<\/span><\/div>\n <div><strong>Verbo:<\/strong> <span id=\"chosenVerb793d7a\">—<\/span><\/div>\n <div><strong>Predicado:<\/strong> <span id=\"chosenPredicate793d7a\">—<\/span><\/div>\n <\/div>\n\n <div class=\"score793d7a\" id=\"score793d7a\">Puntaje: 0 \/ 0<\/div>\n\n <button class=\"nextBtn793d7a\" id=\"nextBtn793d7a\" style=\"display:none;\">\n Siguiente oraci\u00f3n\n <\/button>\n\n <\/div>\n<\/div>\n\n<script>\nconst exercises793d7a = {\n\nbeginner:[\n {sentence:\"El gato duerme en la cama.\", subject:\"El gato\", verb:\"duerme\", predicate:\"duerme en la cama\", guide:\"\u00bfQui\u00e9n duerme en la cama? El gato.\"},\n {sentence:\"La ni\u00f1a pinta una flor.\", subject:\"La ni\u00f1a\", verb:\"pinta\", predicate:\"pinta una flor\", guide:\"\u00bfQui\u00e9n pinta una flor? La ni\u00f1a.\"},\n {sentence:\"El avi\u00f3n vuela alto.\", subject:\"El avi\u00f3n\", verb:\"vuela\", predicate:\"vuela alto\", guide:\"\u00bfQu\u00e9 vuela alto? El avi\u00f3n.\"},\n {sentence:\"Mi hermano juega videojuegos.\", subject:\"Mi hermano\", verb:\"juega\", predicate:\"juega videojuegos\", guide:\"\u00bfQui\u00e9n juega videojuegos? Mi hermano.\"},\n {sentence:\"La maestra escribe en el pizarr\u00f3n.\", subject:\"La maestra\", verb:\"escribe\", predicate:\"escribe en el pizarr\u00f3n\", guide:\"\u00bfQui\u00e9n escribe en el pizarr\u00f3n? La maestra.\"},\n {sentence:\"El pez nada r\u00e1pidamente.\", subject:\"El pez\", verb:\"nada\", predicate:\"nada r\u00e1pidamente\", guide:\"\u00bfQu\u00e9 nada r\u00e1pidamente? El pez.\"},\n {sentence:\"La vaca come pasto.\", subject:\"La vaca\", verb:\"come\", predicate:\"come pasto\", guide:\"\u00bfQui\u00e9n come pasto? La vaca.\"},\n {sentence:\"El beb\u00e9 sonr\u00ede feliz.\", subject:\"El beb\u00e9\", verb:\"sonr\u00ede\", predicate:\"sonr\u00ede feliz\", guide:\"\u00bfQui\u00e9n sonr\u00ede feliz? El beb\u00e9.\"},\n {sentence:\"La rana salta en el charco.\", subject:\"La rana\", verb:\"salta\", predicate:\"salta en el charco\", guide:\"\u00bfQui\u00e9n salta en el charco? La rana.\"},\n {sentence:\"El sol brilla en la ma\u00f1ana.\", subject:\"El sol\", verb:\"brilla\", predicate:\"brilla en la ma\u00f1ana\", guide:\"\u00bfQu\u00e9 brilla en la ma\u00f1ana? El sol.\"},\n {sentence:\"La luna ilumina la noche.\", subject:\"La luna\", verb:\"ilumina\", predicate:\"ilumina la noche\", guide:\"\u00bfQu\u00e9 ilumina la noche? La luna.\"},\n {sentence:\"El caballo corre r\u00e1pido.\", subject:\"El caballo\", verb:\"corre\", predicate:\"corre r\u00e1pido\", guide:\"\u00bfQui\u00e9n corre r\u00e1pido? El caballo.\"},\n {sentence:\"La ni\u00f1a canta en clase.\", subject:\"La ni\u00f1a\", verb:\"canta\", predicate:\"canta en clase\", guide:\"\u00bfQui\u00e9n canta en clase? La ni\u00f1a.\"},\n {sentence:\"El ni\u00f1o dibuja un \u00e1rbol.\", subject:\"El ni\u00f1o\", verb:\"dibuja\", predicate:\"dibuja un \u00e1rbol\", guide:\"\u00bfQui\u00e9n dibuja un \u00e1rbol? El ni\u00f1o.\"},\n {sentence:\"La abuela prepara sopa.\", subject:\"La abuela\", verb:\"prepara\", predicate:\"prepara sopa\", guide:\"\u00bfQui\u00e9n prepara sopa? La abuela.\"},\n {sentence:\"El p\u00e1jaro canta bonito.\", subject:\"El p\u00e1jaro\", verb:\"canta\", predicate:\"canta bonito\", guide:\"\u00bfQui\u00e9n canta bonito? El p\u00e1jaro.\"},\n {sentence:\"La pelota rueda por el piso.\", subject:\"La pelota\", verb:\"rueda\", predicate:\"rueda por el piso\", guide:\"\u00bfQu\u00e9 rueda por el piso? La pelota.\"},\n {sentence:\"El reloj marca la hora.\", subject:\"El reloj\", verb:\"marca\", predicate:\"marca la hora\", guide:\"\u00bfQu\u00e9 marca la hora? El reloj.\"},\n {sentence:\"La flor crece en el jard\u00edn.\", subject:\"La flor\", verb:\"crece\", predicate:\"crece en el jard\u00edn\", guide:\"\u00bfQu\u00e9 crece en el jard\u00edn? La flor.\"},\n {sentence:\"El tren llega temprano.\", subject:\"El tren\", verb:\"llega\", predicate:\"llega temprano\", guide:\"\u00bfQu\u00e9 llega temprano? El tren.\"}\n],\n\nintermediate:[\n {sentence:\"La perrita blanca corre por el jard\u00edn.\", subject:\"La perrita blanca\", verb:\"corre\", predicate:\"corre por el jard\u00edn\", guide:\"\u00bfQui\u00e9n corre por el jard\u00edn? La perrita blanca.\"},\n {sentence:\"El ni\u00f1o de primer grado lee un cuento.\", subject:\"El ni\u00f1o de primer grado\", verb:\"lee\", predicate:\"lee un cuento\", guide:\"\u00bfQui\u00e9n lee un cuento? El ni\u00f1o de primer grado.\"},\n {sentence:\"La bicicleta nueva est\u00e1 en la cochera.\", subject:\"La bicicleta nueva\", verb:\"est\u00e1\", predicate:\"est\u00e1 en la cochera\", guide:\"\u00bfQu\u00e9 est\u00e1 en la cochera? La bicicleta nueva.\"},\n {sentence:\"Los alumnos del coro cantan una canci\u00f3n.\", subject:\"Los alumnos del coro\", verb:\"cantan\", predicate:\"cantan una canci\u00f3n\", guide:\"\u00bfQui\u00e9nes cantan una canci\u00f3n? Los alumnos del coro.\"},\n {sentence:\"La profesora de ingl\u00e9s explica la tarea.\", subject:\"La profesora de ingl\u00e9s\", verb:\"explica\", predicate:\"explica la tarea\", guide:\"\u00bfQui\u00e9n explica la tarea? La profesora de ingl\u00e9s.\"},\n {sentence:\"El \u00e1rbol del parque perdi\u00f3 sus hojas.\", subject:\"El \u00e1rbol del parque\", verb:\"perdi\u00f3\", predicate:\"perdi\u00f3 sus hojas\", guide:\"\u00bfQu\u00e9 perdi\u00f3 sus hojas? El \u00e1rbol del parque.\"},\n {sentence:\"Los jugadores del equipo celebran la victoria.\", subject:\"Los jugadores del equipo\", verb:\"celebran\", predicate:\"celebran la victoria\", guide:\"\u00bfQui\u00e9nes celebran la victoria? Los jugadores del equipo.\"},\n {sentence:\"La mochila azul est\u00e1 debajo de la mesa.\", subject:\"La mochila azul\", verb:\"est\u00e1\", predicate:\"est\u00e1 debajo de la mesa\", guide:\"\u00bfQu\u00e9 est\u00e1 debajo de la mesa? La mochila azul.\"},\n {sentence:\"El libro de aventuras tiene dibujos hermosos.\", subject:\"El libro de aventuras\", verb:\"tiene\", predicate:\"tiene dibujos hermosos\", guide:\"\u00bfQu\u00e9 tiene dibujos hermosos? El libro de aventuras.\"},\n {sentence:\"La ni\u00f1a de cabello rizado baila en el festival.\", subject:\"La ni\u00f1a de cabello rizado\", verb:\"baila\", predicate:\"baila en el festival\", guide:\"\u00bfQui\u00e9n baila en el festival? La ni\u00f1a de cabello rizado.\"},\n {sentence:\"Los ni\u00f1os de la primaria visitan el museo.\", subject:\"Los ni\u00f1os de la primaria\", verb:\"visitan\", predicate:\"visitan el museo\", guide:\"\u00bfQui\u00e9nes visitan el museo? Los ni\u00f1os de la primaria.\"},\n {sentence:\"El maestro de matem\u00e1ticas revisa los cuadernos.\", subject:\"El maestro de matem\u00e1ticas\", verb:\"revisa\", predicate:\"revisa los cuadernos\", guide:\"\u00bfQui\u00e9n revisa los cuadernos? El maestro de matem\u00e1ticas.\"},\n {sentence:\"La casa de mi t\u00eda tiene un jard\u00edn grande.\", subject:\"La casa de mi t\u00eda\", verb:\"tiene\", predicate:\"tiene un jard\u00edn grande\", guide:\"\u00bfQu\u00e9 tiene un jard\u00edn grande? La casa de mi t\u00eda.\"},\n {sentence:\"Los perros del vecino ladran por la noche.\", subject:\"Los perros del vecino\", verb:\"ladran\", predicate:\"ladran por la noche\", guide:\"\u00bfQui\u00e9nes ladran por la noche? Los perros del vecino.\"},\n {sentence:\"La computadora de la escuela funciona muy bien.\", subject:\"La computadora de la escuela\", verb:\"funciona\", predicate:\"funciona muy bien\", guide:\"\u00bfQu\u00e9 funciona muy bien? La computadora de la escuela.\"},\n {sentence:\"El pastel de chocolate huele delicioso.\", subject:\"El pastel de chocolate\", verb:\"huele\", predicate:\"huele delicioso\", guide:\"\u00bfQu\u00e9 huele delicioso? El pastel de chocolate.\"},\n {sentence:\"Las flores del jard\u00edn necesitan agua.\", subject:\"Las flores del jard\u00edn\", verb:\"necesitan\", predicate:\"necesitan agua\", guide:\"\u00bfQu\u00e9 necesitan agua? Las flores del jard\u00edn.\"},\n {sentence:\"El cami\u00f3n escolar lleg\u00f3 tarde.\", subject:\"El cami\u00f3n escolar\", verb:\"lleg\u00f3\", predicate:\"lleg\u00f3 tarde\", guide:\"\u00bfQu\u00e9 lleg\u00f3 tarde? El cami\u00f3n escolar.\"},\n {sentence:\"La canci\u00f3n del coro emocion\u00f3 al p\u00fablico.\", subject:\"La canci\u00f3n del coro\", verb:\"emocion\u00f3\", predicate:\"emocion\u00f3 al p\u00fablico\", guide:\"\u00bfQu\u00e9 emocion\u00f3 al p\u00fablico? La canci\u00f3n del coro.\"},\n {sentence:\"Los zapatos de mi pap\u00e1 est\u00e1n limpios.\", subject:\"Los zapatos de mi pap\u00e1\", verb:\"est\u00e1n\", predicate:\"est\u00e1n limpios\", guide:\"\u00bfQu\u00e9 est\u00e1n limpios? Los zapatos de mi pap\u00e1.\"}\n],\n\nadvanced:[\n {sentence:\"Horne\u00f3 galletas la mam\u00e1 de Mateo.\", subject:\"la mam\u00e1 de Mateo\", verb:\"Horne\u00f3\", predicate:\"Horne\u00f3 galletas\", guide:\"\u00bfQui\u00e9n horne\u00f3 galletas? La mam\u00e1 de Mateo.\"},\n {sentence:\"Corrieron por el patio los estudiantes de tercero.\", subject:\"los estudiantes de tercero\", verb:\"Corrieron\", predicate:\"Corrieron por el patio\", guide:\"\u00bfQui\u00e9nes corrieron por el patio? Los estudiantes de tercero.\"},\n {sentence:\"Gan\u00f3 el partido final el equipo de la escuela.\", subject:\"el equipo de la escuela\", verb:\"Gan\u00f3\", predicate:\"Gan\u00f3 el partido final\", guide:\"\u00bfQui\u00e9n gan\u00f3 el partido final? El equipo de la escuela.\"},\n {sentence:\"Vol\u00f3 sobre las flores una mariposa amarilla.\", subject:\"una mariposa amarilla\", verb:\"Vol\u00f3\", predicate:\"Vol\u00f3 sobre las flores\", guide:\"\u00bfQui\u00e9n vol\u00f3 sobre las flores? Una mariposa amarilla.\"},\n {sentence:\"Prepar\u00f3 la cena mi abuela.\", subject:\"mi abuela\", verb:\"Prepar\u00f3\", predicate:\"Prepar\u00f3 la cena\", guide:\"\u00bfQui\u00e9n prepar\u00f3 la cena? Mi abuela.\"},\n {sentence:\"Leen cuentos en la biblioteca mis amigos.\", subject:\"mis amigos\", verb:\"Leen\", predicate:\"Leen cuentos en la biblioteca\", guide:\"\u00bfQui\u00e9nes leen cuentos en la biblioteca? Mis amigos.\"},\n {sentence:\"Encontr\u00f3 la pelota el ni\u00f1o de camiseta azul.\", subject:\"el ni\u00f1o de camiseta azul\", verb:\"Encontr\u00f3\", predicate:\"Encontr\u00f3 la pelota\", guide:\"\u00bfQui\u00e9n encontr\u00f3 la pelota? El ni\u00f1o de camiseta azul.\"},\n {sentence:\"Pint\u00f3 un paisaje la artista del sal\u00f3n.\", subject:\"la artista del sal\u00f3n\", verb:\"Pint\u00f3\", predicate:\"Pint\u00f3 un paisaje\", guide:\"\u00bfQui\u00e9n pint\u00f3 un paisaje? La artista del sal\u00f3n.\"},\n {sentence:\"Resolvi\u00f3 el problema el alumno m\u00e1s r\u00e1pido.\", subject:\"el alumno m\u00e1s r\u00e1pido\", verb:\"Resolvi\u00f3\", predicate:\"Resolvi\u00f3 el problema\", guide:\"\u00bfQui\u00e9n resolvi\u00f3 el problema? El alumno m\u00e1s r\u00e1pido.\"},\n {sentence:\"Cantaron una canci\u00f3n los ni\u00f1os del coro.\", subject:\"los ni\u00f1os del coro\", verb:\"Cantaron\", predicate:\"Cantaron una canci\u00f3n\", guide:\"\u00bfQui\u00e9nes cantaron una canci\u00f3n? Los ni\u00f1os del coro.\"},\n {sentence:\"Encontr\u00f3 el tesoro el pirata del barco.\", subject:\"el pirata del barco\", verb:\"Encontr\u00f3\", predicate:\"Encontr\u00f3 el tesoro\", guide:\"\u00bfQui\u00e9n encontr\u00f3 el tesoro? El pirata del barco.\"},\n {sentence:\"Escribi\u00f3 una carta la hermana mayor.\", subject:\"la hermana mayor\", verb:\"Escribi\u00f3\", predicate:\"Escribi\u00f3 una carta\", guide:\"\u00bfQui\u00e9n escribi\u00f3 una carta? La hermana mayor.\"},\n {sentence:\"Construyeron un castillo los ni\u00f1os del campamento.\", subject:\"los ni\u00f1os del campamento\", verb:\"Construyeron\", predicate:\"Construyeron un castillo\", guide:\"\u00bfQui\u00e9nes construyeron un castillo? Los ni\u00f1os del campamento.\"},\n {sentence:\"Descubri\u00f3 una estrella el cient\u00edfico joven.\", subject:\"el cient\u00edfico joven\", verb:\"Descubri\u00f3\", predicate:\"Descubri\u00f3 una estrella\", guide:\"\u00bfQui\u00e9n descubri\u00f3 una estrella? El cient\u00edfico joven.\"},\n {sentence:\"Regaron las plantas los alumnos de segundo grado.\", subject:\"los alumnos de segundo grado\", verb:\"Regaron\", predicate:\"Regaron las plantas\", guide:\"\u00bfQui\u00e9nes regaron las plantas? Los alumnos de segundo grado.\"},\n {sentence:\"Prepar\u00f3 el desayuno la abuela de Cristina.\", subject:\"la abuela de Cristina\", verb:\"Prepar\u00f3\", predicate:\"Prepar\u00f3 el desayuno\", guide:\"\u00bfQui\u00e9n prepar\u00f3 el desayuno? La abuela de Cristina.\"},\n {sentence:\"Gan\u00f3 la competencia el corredor m\u00e1s r\u00e1pido.\", subject:\"el corredor m\u00e1s r\u00e1pido\", verb:\"Gan\u00f3\", predicate:\"Gan\u00f3 la competencia\", guide:\"\u00bfQui\u00e9n gan\u00f3 la competencia? El corredor m\u00e1s r\u00e1pido.\"},\n {sentence:\"Pint\u00f3 un mural la artista del museo.\", subject:\"la artista del museo\", verb:\"Pint\u00f3\", predicate:\"Pint\u00f3 un mural\", guide:\"\u00bfQui\u00e9n pint\u00f3 un mural? La artista del museo.\"},\n {sentence:\"Abri\u00f3 la puerta el guardia de seguridad.\", subject:\"el guardia de seguridad\", verb:\"Abri\u00f3\", predicate:\"Abri\u00f3 la puerta\", guide:\"\u00bfQui\u00e9n abri\u00f3 la puerta? El guardia de seguridad.\"},\n {sentence:\"Resolvi\u00f3 el acertijo la ni\u00f1a m\u00e1s observadora.\", subject:\"la ni\u00f1a m\u00e1s observadora\", verb:\"Resolvi\u00f3\", predicate:\"Resolvi\u00f3 el acertijo\", guide:\"\u00bfQui\u00e9n resolvi\u00f3 el acertijo? La ni\u00f1a m\u00e1s observadora.\"},\n {sentence:\"En el patio jugaban los ni\u00f1os del grupo azul.\", subject:\"los ni\u00f1os del grupo azul\", verb:\"jugaban\", predicate:\"jugaban en el patio\", guide:\"\u00bfQui\u00e9nes jugaban en el patio? Los ni\u00f1os del grupo azul.\"},\n {sentence:\"Durante la ma\u00f1ana trabaj\u00f3 el jardinero de la escuela.\", subject:\"el jardinero de la escuela\", verb:\"trabaj\u00f3\", predicate:\"trabaj\u00f3 durante la ma\u00f1ana\", guide:\"\u00bfQui\u00e9n trabaj\u00f3 durante la ma\u00f1ana? El jardinero de la escuela.\"},\n {sentence:\"En la cocina prepar\u00f3 sopa la t\u00eda de Manuel.\", subject:\"la t\u00eda de Manuel\", verb:\"prepar\u00f3\", predicate:\"prepar\u00f3 sopa en la cocina\", guide:\"\u00bfQui\u00e9n prepar\u00f3 sopa en la cocina? La t\u00eda de Manuel.\"},\n {sentence:\"Con mucha alegr\u00eda bailaron las ni\u00f1as del festival.\", subject:\"las ni\u00f1as del festival\", verb:\"bailaron\", predicate:\"bailaron con mucha alegr\u00eda\", guide:\"\u00bfQui\u00e9nes bailaron con mucha alegr\u00eda? Las ni\u00f1as del festival.\"},\n {sentence:\"En el laboratorio investigaron los alumnos de ciencias.\", subject:\"los alumnos de ciencias\", verb:\"investigaron\", predicate:\"investigaron en el laboratorio\", guide:\"\u00bfQui\u00e9nes investigaron en el laboratorio? Los alumnos de ciencias.\"},\n {sentence:\"Sobre la mesa descansaba el libro de historia.\", subject:\"el libro de historia\", verb:\"descansaba\", predicate:\"descansaba sobre la mesa\", guide:\"\u00bfQu\u00e9 descansaba sobre la mesa? El libro de historia.\"},\n {sentence:\"Al final del cuento apareci\u00f3 el drag\u00f3n rojo.\", subject:\"el drag\u00f3n rojo\", verb:\"apareci\u00f3\", predicate:\"apareci\u00f3 al final del cuento\", guide:\"\u00bfQui\u00e9n apareci\u00f3 al final del cuento? El drag\u00f3n rojo.\"},\n {sentence:\"En la feria compraron dulces los primos de Ana.\", subject:\"los primos de Ana\", verb:\"compraron\", predicate:\"compraron dulces en la feria\", guide:\"\u00bfQui\u00e9nes compraron dulces en la feria? Los primos de Ana.\"},\n {sentence:\"Despu\u00e9s del recreo regresaron los ni\u00f1os al sal\u00f3n.\", subject:\"los ni\u00f1os\", verb:\"regresaron\", predicate:\"regresaron al sal\u00f3n despu\u00e9s del recreo\", guide:\"\u00bfQui\u00e9nes regresaron al sal\u00f3n despu\u00e9s del recreo? Los ni\u00f1os.\"},\n {sentence:\"En el escenario cant\u00f3 la solista del coro.\", subject:\"la solista del coro\", verb:\"cant\u00f3\", predicate:\"cant\u00f3 en el escenario\", guide:\"\u00bfQui\u00e9n cant\u00f3 en el escenario? La solista del coro.\"}\n]\n\n};\n\nlet level793d7a = \"beginner\";\nlet current793d7a;\nlet step793d7a = \"subject\";\nlet selected793d7a = \"\";\nlet score793d7a = 0;\nlet total793d7a = 0;\nlet question793d7a = 1;\n\nlet chosen793d7a = {\n subject:\"\",\n verb:\"\",\n predicate:\"\"\n};\n\nconst sentenceEl793d7a = document.getElementById(\"sentence793d7a\");\nconst instructionEl793d7a = document.getElementById(\"instruction793d7a\");\nconst optionsEl793d7a = document.getElementById(\"options793d7a\");\nconst feedbackEl793d7a = document.getElementById(\"feedback793d7a\");\nconst scoreEl793d7a = document.getElementById(\"score793d7a\");\nconst nextBtn793d7a = document.getElementById(\"nextBtn793d7a\");\nconst progress793d7a = document.getElementById(\"progress793d7a\");\nconst progressText793d7a = document.getElementById(\"progressText793d7a\");\nconst hintBtn793d7a = document.getElementById(\"hintBtn793d7a\");\n\nconst chosenSubject793d7a = document.getElementById(\"chosenSubject793d7a\");\nconst chosenVerb793d7a = document.getElementById(\"chosenVerb793d7a\");\nconst chosenPredicate793d7a = document.getElementById(\"chosenPredicate793d7a\");\n\nfunction shuffle793d7a(array){\n return array.sort(()=>Math.random()-0.5);\n}\n\nfunction randomExercise793d7a(){\n let arr = exercises793d7a[level793d7a];\n return arr[Math.floor(Math.random()*arr.length)];\n}\n\nfunction getInstruction793d7a(){\n if(step793d7a===\"subject\") return \"Identifica el sujeto:\";\n if(step793d7a===\"verb\") return \"Identifica el verbo:\";\n return \"Identifica el predicado:\";\n}\n\nfunction getCorrect793d7a(){\n return current793d7a[step793d7a];\n}\n\nfunction getOptions793d7a(){\n let correct = getCorrect793d7a();\n let distractors = [];\n\n if(step793d7a===\"subject\"){\n distractors = [current793d7a.verb, current793d7a.predicate, \"la acci\u00f3n de la oraci\u00f3n\"];\n }\n\n if(step793d7a===\"verb\"){\n distractors = [current793d7a.subject, current793d7a.predicate, \"toda la oraci\u00f3n\"];\n }\n\n if(step793d7a===\"predicate\"){\n distractors = [current793d7a.subject, current793d7a.verb, \"de qui\u00e9n se habla\"];\n }\n\n return shuffle793d7a([correct,...distractors]);\n}\n\nfunction newQuestion793d7a(){\n current793d7a = randomExercise793d7a();\n step793d7a = \"subject\";\n selected793d7a = \"\";\n\n chosen793d7a = {\n subject:\"\",\n verb:\"\",\n predicate:\"\"\n };\n\n sentenceEl793d7a.innerHTML = current793d7a.sentence;\n\n updateStep793d7a();\n updateProgress793d7a();\n updateChosen793d7a();\n\n feedbackEl793d7a.innerHTML = \"\";\n nextBtn793d7a.style.display = \"none\";\n}\n\nfunction updateStep793d7a(){\n instructionEl793d7a.innerHTML = getInstruction793d7a();\n optionsEl793d7a.innerHTML = \"\";\n selected793d7a = \"\";\n\n getOptions793d7a().forEach(option=>{\n let btn = document.createElement(\"button\");\n btn.type = \"button\";\n btn.className = \"option793d7a\";\n btn.textContent = option;\n\n btn.addEventListener(\"click\",()=>{\n document.querySelectorAll(\".option793d7a\")\n .forEach(b=>b.classList.remove(\"selected793d7a\"));\n\n btn.classList.add(\"selected793d7a\");\n selected793d7a = option;\n });\n\n optionsEl793d7a.appendChild(btn);\n });\n}\n\nfunction updateChosen793d7a(){\n chosenSubject793d7a.innerHTML = chosen793d7a.subject || \"---\";\n chosenVerb793d7a.innerHTML = chosen793d7a.verb || \"---\";\n chosenPredicate793d7a.innerHTML = chosen793d7a.predicate || \"---\";\n}\n\nfunction updateProgress793d7a(){\n let percent = (question793d7a \/ 10) * 100;\n progress793d7a.style.width = percent + \"%\";\n progressText793d7a.innerHTML = `Ejercicio ${question793d7a} de 10`;\n}\n\nfunction finalExplanation793d7a(){\n let predicateRest = current793d7a.predicate.replace(current793d7a.verb,\"\").trim();\n\n return `\n <div class=\"good793d7a\">\u00a1Excelente!<\/div>\n <div>\n ${current793d7a.guide}<br><br>\n Sujeto: <strong>${current793d7a.subject}<\/strong><br>\n Verbo: <strong>${current793d7a.verb}<\/strong><br>\n Predicado: <strong>${current793d7a.predicate}<\/strong>\n <\/div>\n\n <div class=\"colorSentence793d7a\">\n <span class=\"subjectColor793d7a\">${current793d7a.subject}<\/span>\n <span class=\"verbColor793d7a\">${current793d7a.verb}<\/span>\n <span class=\"predicateColor793d7a\">${predicateRest}<\/span>\n <\/div>\n `;\n}\n\nhintBtn793d7a.addEventListener(\"click\",()=>{\n\n let hint = \"\";\n\n if(step793d7a===\"subject\"){\n hint = \"El sujeto es de qui\u00e9n o de qu\u00e9 se habla en la oraci\u00f3n. No siempre aparece al inicio.\";\n }\n\n if(step793d7a===\"verb\"){\n hint = \"El verbo es la acci\u00f3n o lo que hace el sujeto.\";\n }\n\n if(step793d7a===\"predicate\"){\n hint = \"El predicado dice qu\u00e9 hace el sujeto o qu\u00e9 se dice de \u00e9l. Incluye el verbo.\";\n }\n\n feedbackEl793d7a.innerHTML = `\n <div class=\"hintBox793d7a\">\n <strong>Pista:<\/strong><br><br>\n ${hint}\n <\/div>\n `;\n});\n\ndocument.getElementById(\"checkBtn793d7a\").addEventListener(\"click\",()=>{\n\n if(selected793d7a===\"\"){\n feedbackEl793d7a.innerHTML =\n `<div class=\"bad793d7a\">Elige una opci\u00f3n primero.<\/div>`;\n return;\n }\n\n let correct = getCorrect793d7a();\n\n if(selected793d7a === correct){\n\n chosen793d7a[step793d7a] = selected793d7a;\n updateChosen793d7a();\n\n if(step793d7a===\"subject\"){\n step793d7a = \"verb\";\n feedbackEl793d7a.innerHTML =\n `<div class=\"good793d7a\">Correcto. Ahora busca el verbo.<\/div>`;\n updateStep793d7a();\n return;\n }\n\n if(step793d7a===\"verb\"){\n step793d7a = \"predicate\";\n feedbackEl793d7a.innerHTML =\n `<div class=\"good793d7a\">Muy bien. Ahora busca el predicado.<\/div>`;\n updateStep793d7a();\n return;\n }\n\n if(step793d7a===\"predicate\"){\n score793d7a++;\n total793d7a++;\n\n feedbackEl793d7a.innerHTML = finalExplanation793d7a();\n\n scoreEl793d7a.innerHTML = `Puntaje: ${score793d7a} \/ ${total793d7a}`;\n nextBtn793d7a.style.display = \"block\";\n }\n\n }else{\n\n total793d7a++;\n\n feedbackEl793d7a.innerHTML = `\n <div class=\"bad793d7a\">No es esa opci\u00f3n.<\/div>\n <div>\n ${current793d7a.guide}<br><br>\n Recuerda: ${\n step793d7a===\"subject\" ? \"el sujeto es de qui\u00e9n o de qu\u00e9 se habla.\" :\n step793d7a===\"verb\" ? \"el verbo es la acci\u00f3n.\" :\n \"el predicado dice qu\u00e9 hace el sujeto e incluye el verbo.\"\n }\n <\/div>\n `;\n\n scoreEl793d7a.innerHTML = `Puntaje: ${score793d7a} \/ ${total793d7a}`;\n }\n\n});\n\nnextBtn793d7a.addEventListener(\"click\",()=>{\n\n question793d7a++;\n\n if(question793d7a > 10){\n\n sentenceEl793d7a.innerHTML = \"Terminaste el juego.\";\n instructionEl793d7a.innerHTML = \"Buen trabajo.\";\n optionsEl793d7a.innerHTML = \"\";\n\n feedbackEl793d7a.innerHTML =\n `Puntaje final: ${score793d7a} \/ ${total793d7a}`;\n\n document.getElementById(\"checkBtn793d7a\").style.display = \"none\";\n hintBtn793d7a.style.display = \"none\";\n\n nextBtn793d7a.innerHTML = \"Jugar otra vez\";\n nextBtn793d7a.style.display = \"block\";\n\n nextBtn793d7a.onclick = ()=>{\n\n score793d7a = 0;\n total793d7a = 0;\n question793d7a = 1;\n\n scoreEl793d7a.innerHTML = \"Puntaje: 0 \/ 0\";\n\n document.getElementById(\"checkBtn793d7a\").style.display = \"block\";\n hintBtn793d7a.style.display = \"block\";\n nextBtn793d7a.innerHTML = \"Siguiente oraci\u00f3n\";\n nextBtn793d7a.onclick = null;\n\n newQuestion793d7a();\n };\n\n return;\n }\n\n newQuestion793d7a();\n\n});\n\ndocument.querySelectorAll(\".levelBtn793d7a\").forEach(btn=>{\n\n btn.addEventListener(\"click\",()=>{\n\n document.querySelectorAll(\".levelBtn793d7a\")\n .forEach(b=>b.classList.remove(\"active793d7a\"));\n\n btn.classList.add(\"active793d7a\");\n\n level793d7a = btn.dataset.level;\n\n score793d7a = 0;\n total793d7a = 0;\n question793d7a = 1;\n\n scoreEl793d7a.innerHTML = \"Puntaje: 0 \/ 0\";\n\n document.getElementById(\"checkBtn793d7a\").style.display = \"block\";\n hintBtn793d7a.style.display = \"block\";\n nextBtn793d7a.innerHTML = \"Siguiente oraci\u00f3n\";\n\n newQuestion793d7a();\n });\n\n});\n\nnewQuestion793d7a();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Sujeto, Verbo y Predicado Sujeto, Verbo y Predicado Lee la oraci\u00f3n y elige cada parte Nivel 1 Nivel 2 Nivel 3 Ejercicio 1 de 10 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1658","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1658","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1658"}],"version-history":[{"count":5,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1658\/revisions"}],"predecessor-version":[{"id":1665,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1658\/revisions\/1665"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1658,"date":"2026-06-24T16:47:48","date_gmt":"2026-06-24T16:47:48","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1658"},"modified":"2026-06-24T17:13:06","modified_gmt":"2026-06-24T17:13:06","slug":"sujeto-y-predicado","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1658","title":{"rendered":"Sujeto y predicado"},"content":{"rendered":"\n\n\n\n\n\n\nSujeto, Verbo y Predicado<\/title>\n\n<style>\n.spanishApp793d7a{\n font-family:Arial,sans-serif;\n display:flex;\n justify-content:center;\n padding:20px;\n}\n\n.card793d7a{\n width:100%;\n max-width:780px;\n background:white;\n border-radius:20px;\n padding:25px;\n box-shadow:0 8px 25px rgba(0,0,0,0.15);\n border-top:10px solid #793d7a;\n}\n\n.card793d7a h2{\n text-align:center;\n color:#793d7a;\n}\n\n.subtitle793d7a{\n text-align:center;\n color:#666;\n margin-bottom:25px;\n}\n\n.levelBox793d7a{\n display:flex;\n gap:10px;\n justify-content:center;\n flex-wrap:wrap;\n margin-bottom:20px;\n}\n\n.levelBtn793d7a{\n padding:12px 18px;\n border:none;\n border-radius:12px;\n background:#eee;\n color:#333;\n cursor:pointer;\n font-weight:bold;\n}\n\n.active793d7a{\n background:#793d7a !important;\n color:white !important;\n}\n\n.progressWrap793d7a{\n width:100%;\n height:22px;\n background:#eee;\n border-radius:20px;\n overflow:hidden;\n margin-bottom:10px;\n}\n\n.progressBar793d7a{\n height:100%;\n width:10%;\n background:#793d7a;\n transition:0.4s;\n}\n\n.progressText793d7a{\n text-align:center;\n font-weight:bold;\n margin-bottom:25px;\n color:#555;\n}\n\n.problemBox793d7a{\n background:#faf7fa;\n border-radius:18px;\n padding:25px;\n}\n\n.instruction793d7a{\n background:#f0dff0;\n padding:14px;\n border-radius:12px;\n color:#793d7a;\n font-size:20px;\n font-weight:bold;\n margin-bottom:20px;\n text-align:center;\n}\n\n.sentence793d7a{\n background:white;\n border-radius:18px;\n padding:22px;\n font-size:28px;\n line-height:1.5;\n text-align:center;\n margin-bottom:22px;\n color:#222;\n}\n\n.options793d7a{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:12px;\n margin-bottom:20px;\n}\n\n.option793d7a{\n background:white !important;\n border:3px solid #ddd !important;\n border-radius:14px;\n padding:16px;\n font-size:20px !important;\n font-weight:bold;\n color:#793d7a !important;\n cursor:pointer;\n}\n\n.option793d7a:hover{\n border-color:#793d7a !important;\n transform:scale(1.03);\n}\n\n.selected793d7a{\n border-color:#793d7a !important;\n background:#f4d8f4 !important;\n}\n\n.hintBtn793d7a{\n width:100%;\n padding:15px;\n border:none;\n border-radius:12px;\n background:#e7d3e7;\n color:#793d7a;\n font-size:18px;\n font-weight:bold;\n cursor:pointer;\n margin-bottom:15px;\n}\n\n.checkBtn793d7a,\n.nextBtn793d7a{\n width:100%;\n padding:15px;\n border:none;\n border-radius:12px;\n background:#793d7a;\n color:white;\n font-size:18px;\n font-weight:bold;\n cursor:pointer;\n}\n\n.feedback793d7a{\n margin-top:20px;\n background:white;\n border-radius:14px;\n padding:18px;\n font-size:18px;\n line-height:1.7;\n color:#222;\n}\n\n.good793d7a{\n color:green;\n font-size:22px;\n font-weight:bold;\n}\n\n.bad793d7a{\n color:crimson;\n font-size:22px;\n font-weight:bold;\n}\n\n.hintBox793d7a{\n background:#f8eef8;\n border-left:5px solid #793d7a;\n padding:15px;\n border-radius:10px;\n}\n\n.colorSentence793d7a{\n margin-top:14px;\n font-size:20px;\n line-height:1.8;\n}\n\n.subjectColor793d7a{\n background:#ead7ea;\n color:#793d7a;\n padding:3px 7px;\n border-radius:7px;\n font-weight:bold;\n}\n\n.verbColor793d7a{\n background:#dff3e3;\n color:#176b2c;\n padding:3px 7px;\n border-radius:7px;\n font-weight:bold;\n}\n\n.predicateColor793d7a{\n background:#fff0d6;\n color:#9a5a00;\n padding:3px 7px;\n border-radius:7px;\n font-weight:bold;\n}\n\n.answersBox793d7a{\n margin-top:20px;\n background:#faf7fa;\n border-radius:16px;\n padding:18px;\n line-height:1.8;\n color:#333;\n}\n\n.score793d7a{\n text-align:center;\n font-size:22px;\n margin-top:25px;\n color:#793d7a;\n font-weight:bold;\n}\n\n@media(max-width:600px){\n .sentence793d7a{\n font-size:23px;\n }\n\n .options793d7a{\n grid-template-columns:1fr;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"spanishApp793d7a\">\n <div class=\"card793d7a\">\n\n <h2>Sujeto, Verbo y Predicado<\/h2>\n <p class=\"subtitle793d7a\">Lee la oraci\u00f3n y elige cada parte<\/p>\n\n <div class=\"levelBox793d7a\">\n <button class=\"levelBtn793d7a active793d7a\" data-level=\"beginner\">Nivel 1<\/button>\n <button class=\"levelBtn793d7a\" data-level=\"intermediate\">Nivel 2<\/button>\n <button class=\"levelBtn793d7a\" data-level=\"advanced\">Nivel 3<\/button>\n <\/div>\n\n <div class=\"progressWrap793d7a\">\n <div class=\"progressBar793d7a\" id=\"progress793d7a\"><\/div>\n <\/div>\n\n <div class=\"progressText793d7a\" id=\"progressText793d7a\">Ejercicio 1 de 10<\/div>\n\n <div class=\"problemBox793d7a\">\n <div class=\"instruction793d7a\" id=\"instruction793d7a\">Identifica el sujeto:<\/div>\n <div class=\"sentence793d7a\" id=\"sentence793d7a\"><\/div>\n <div class=\"options793d7a\" id=\"options793d7a\"><\/div>\n\n <button class=\"hintBtn793d7a\" id=\"hintBtn793d7a\">Ver pista<\/button>\n <button class=\"checkBtn793d7a\" id=\"checkBtn793d7a\">Revisar respuesta<\/button>\n\n <div class=\"feedback793d7a\" id=\"feedback793d7a\"><\/div>\n <\/div>\n\n <div class=\"answersBox793d7a\">\n <div><strong>Sujeto:<\/strong> <span id=\"chosenSubject793d7a\">—<\/span><\/div>\n <div><strong>Verbo:<\/strong> <span id=\"chosenVerb793d7a\">—<\/span><\/div>\n <div><strong>Predicado:<\/strong> <span id=\"chosenPredicate793d7a\">—<\/span><\/div>\n <\/div>\n\n <div class=\"score793d7a\" id=\"score793d7a\">Puntaje: 0 \/ 0<\/div>\n\n <button class=\"nextBtn793d7a\" id=\"nextBtn793d7a\" style=\"display:none;\">\n Siguiente oraci\u00f3n\n <\/button>\n\n <\/div>\n<\/div>\n\n<script>\nconst exercises793d7a = {\n\nbeginner:[\n {sentence:\"El gato duerme en la cama.\", subject:\"El gato\", verb:\"duerme\", predicate:\"duerme en la cama\", guide:\"\u00bfQui\u00e9n duerme en la cama? El gato.\"},\n {sentence:\"La ni\u00f1a pinta una flor.\", subject:\"La ni\u00f1a\", verb:\"pinta\", predicate:\"pinta una flor\", guide:\"\u00bfQui\u00e9n pinta una flor? La ni\u00f1a.\"},\n {sentence:\"El avi\u00f3n vuela alto.\", subject:\"El avi\u00f3n\", verb:\"vuela\", predicate:\"vuela alto\", guide:\"\u00bfQu\u00e9 vuela alto? El avi\u00f3n.\"},\n {sentence:\"Mi hermano juega videojuegos.\", subject:\"Mi hermano\", verb:\"juega\", predicate:\"juega videojuegos\", guide:\"\u00bfQui\u00e9n juega videojuegos? Mi hermano.\"},\n {sentence:\"La maestra escribe en el pizarr\u00f3n.\", subject:\"La maestra\", verb:\"escribe\", predicate:\"escribe en el pizarr\u00f3n\", guide:\"\u00bfQui\u00e9n escribe en el pizarr\u00f3n? La maestra.\"},\n {sentence:\"El pez nada r\u00e1pidamente.\", subject:\"El pez\", verb:\"nada\", predicate:\"nada r\u00e1pidamente\", guide:\"\u00bfQu\u00e9 nada r\u00e1pidamente? El pez.\"},\n {sentence:\"La vaca come pasto.\", subject:\"La vaca\", verb:\"come\", predicate:\"come pasto\", guide:\"\u00bfQui\u00e9n come pasto? La vaca.\"},\n {sentence:\"El beb\u00e9 sonr\u00ede feliz.\", subject:\"El beb\u00e9\", verb:\"sonr\u00ede\", predicate:\"sonr\u00ede feliz\", guide:\"\u00bfQui\u00e9n sonr\u00ede feliz? El beb\u00e9.\"},\n {sentence:\"La rana salta en el charco.\", subject:\"La rana\", verb:\"salta\", predicate:\"salta en el charco\", guide:\"\u00bfQui\u00e9n salta en el charco? La rana.\"},\n {sentence:\"El sol brilla en la ma\u00f1ana.\", subject:\"El sol\", verb:\"brilla\", predicate:\"brilla en la ma\u00f1ana\", guide:\"\u00bfQu\u00e9 brilla en la ma\u00f1ana? El sol.\"},\n {sentence:\"La luna ilumina la noche.\", subject:\"La luna\", verb:\"ilumina\", predicate:\"ilumina la noche\", guide:\"\u00bfQu\u00e9 ilumina la noche? La luna.\"},\n {sentence:\"El caballo corre r\u00e1pido.\", subject:\"El caballo\", verb:\"corre\", predicate:\"corre r\u00e1pido\", guide:\"\u00bfQui\u00e9n corre r\u00e1pido? El caballo.\"},\n {sentence:\"La ni\u00f1a canta en clase.\", subject:\"La ni\u00f1a\", verb:\"canta\", predicate:\"canta en clase\", guide:\"\u00bfQui\u00e9n canta en clase? La ni\u00f1a.\"},\n {sentence:\"El ni\u00f1o dibuja un \u00e1rbol.\", subject:\"El ni\u00f1o\", verb:\"dibuja\", predicate:\"dibuja un \u00e1rbol\", guide:\"\u00bfQui\u00e9n dibuja un \u00e1rbol? El ni\u00f1o.\"},\n {sentence:\"La abuela prepara sopa.\", subject:\"La abuela\", verb:\"prepara\", predicate:\"prepara sopa\", guide:\"\u00bfQui\u00e9n prepara sopa? La abuela.\"},\n {sentence:\"El p\u00e1jaro canta bonito.\", subject:\"El p\u00e1jaro\", verb:\"canta\", predicate:\"canta bonito\", guide:\"\u00bfQui\u00e9n canta bonito? El p\u00e1jaro.\"},\n {sentence:\"La pelota rueda por el piso.\", subject:\"La pelota\", verb:\"rueda\", predicate:\"rueda por el piso\", guide:\"\u00bfQu\u00e9 rueda por el piso? La pelota.\"},\n {sentence:\"El reloj marca la hora.\", subject:\"El reloj\", verb:\"marca\", predicate:\"marca la hora\", guide:\"\u00bfQu\u00e9 marca la hora? El reloj.\"},\n {sentence:\"La flor crece en el jard\u00edn.\", subject:\"La flor\", verb:\"crece\", predicate:\"crece en el jard\u00edn\", guide:\"\u00bfQu\u00e9 crece en el jard\u00edn? La flor.\"},\n {sentence:\"El tren llega temprano.\", subject:\"El tren\", verb:\"llega\", predicate:\"llega temprano\", guide:\"\u00bfQu\u00e9 llega temprano? El tren.\"}\n],\n\nintermediate:[\n {sentence:\"La perrita blanca corre por el jard\u00edn.\", subject:\"La perrita blanca\", verb:\"corre\", predicate:\"corre por el jard\u00edn\", guide:\"\u00bfQui\u00e9n corre por el jard\u00edn? La perrita blanca.\"},\n {sentence:\"El ni\u00f1o de primer grado lee un cuento.\", subject:\"El ni\u00f1o de primer grado\", verb:\"lee\", predicate:\"lee un cuento\", guide:\"\u00bfQui\u00e9n lee un cuento? El ni\u00f1o de primer grado.\"},\n {sentence:\"La bicicleta nueva est\u00e1 en la cochera.\", subject:\"La bicicleta nueva\", verb:\"est\u00e1\", predicate:\"est\u00e1 en la cochera\", guide:\"\u00bfQu\u00e9 est\u00e1 en la cochera? La bicicleta nueva.\"},\n {sentence:\"Los alumnos del coro cantan una canci\u00f3n.\", subject:\"Los alumnos del coro\", verb:\"cantan\", predicate:\"cantan una canci\u00f3n\", guide:\"\u00bfQui\u00e9nes cantan una canci\u00f3n? Los alumnos del coro.\"},\n {sentence:\"La profesora de ingl\u00e9s explica la tarea.\", subject:\"La profesora de ingl\u00e9s\", verb:\"explica\", predicate:\"explica la tarea\", guide:\"\u00bfQui\u00e9n explica la tarea? La profesora de ingl\u00e9s.\"},\n {sentence:\"El \u00e1rbol del parque perdi\u00f3 sus hojas.\", subject:\"El \u00e1rbol del parque\", verb:\"perdi\u00f3\", predicate:\"perdi\u00f3 sus hojas\", guide:\"\u00bfQu\u00e9 perdi\u00f3 sus hojas? El \u00e1rbol del parque.\"},\n {sentence:\"Los jugadores del equipo celebran la victoria.\", subject:\"Los jugadores del equipo\", verb:\"celebran\", predicate:\"celebran la victoria\", guide:\"\u00bfQui\u00e9nes celebran la victoria? Los jugadores del equipo.\"},\n {sentence:\"La mochila azul est\u00e1 debajo de la mesa.\", subject:\"La mochila azul\", verb:\"est\u00e1\", predicate:\"est\u00e1 debajo de la mesa\", guide:\"\u00bfQu\u00e9 est\u00e1 debajo de la mesa? La mochila azul.\"},\n {sentence:\"El libro de aventuras tiene dibujos hermosos.\", subject:\"El libro de aventuras\", verb:\"tiene\", predicate:\"tiene dibujos hermosos\", guide:\"\u00bfQu\u00e9 tiene dibujos hermosos? El libro de aventuras.\"},\n {sentence:\"La ni\u00f1a de cabello rizado baila en el festival.\", subject:\"La ni\u00f1a de cabello rizado\", verb:\"baila\", predicate:\"baila en el festival\", guide:\"\u00bfQui\u00e9n baila en el festival? La ni\u00f1a de cabello rizado.\"},\n {sentence:\"Los ni\u00f1os de la primaria visitan el museo.\", subject:\"Los ni\u00f1os de la primaria\", verb:\"visitan\", predicate:\"visitan el museo\", guide:\"\u00bfQui\u00e9nes visitan el museo? Los ni\u00f1os de la primaria.\"},\n {sentence:\"El maestro de matem\u00e1ticas revisa los cuadernos.\", subject:\"El maestro de matem\u00e1ticas\", verb:\"revisa\", predicate:\"revisa los cuadernos\", guide:\"\u00bfQui\u00e9n revisa los cuadernos? El maestro de matem\u00e1ticas.\"},\n {sentence:\"La casa de mi t\u00eda tiene un jard\u00edn grande.\", subject:\"La casa de mi t\u00eda\", verb:\"tiene\", predicate:\"tiene un jard\u00edn grande\", guide:\"\u00bfQu\u00e9 tiene un jard\u00edn grande? La casa de mi t\u00eda.\"},\n {sentence:\"Los perros del vecino ladran por la noche.\", subject:\"Los perros del vecino\", verb:\"ladran\", predicate:\"ladran por la noche\", guide:\"\u00bfQui\u00e9nes ladran por la noche? Los perros del vecino.\"},\n {sentence:\"La computadora de la escuela funciona muy bien.\", subject:\"La computadora de la escuela\", verb:\"funciona\", predicate:\"funciona muy bien\", guide:\"\u00bfQu\u00e9 funciona muy bien? La computadora de la escuela.\"},\n {sentence:\"El pastel de chocolate huele delicioso.\", subject:\"El pastel de chocolate\", verb:\"huele\", predicate:\"huele delicioso\", guide:\"\u00bfQu\u00e9 huele delicioso? El pastel de chocolate.\"},\n {sentence:\"Las flores del jard\u00edn necesitan agua.\", subject:\"Las flores del jard\u00edn\", verb:\"necesitan\", predicate:\"necesitan agua\", guide:\"\u00bfQu\u00e9 necesitan agua? Las flores del jard\u00edn.\"},\n {sentence:\"El cami\u00f3n escolar lleg\u00f3 tarde.\", subject:\"El cami\u00f3n escolar\", verb:\"lleg\u00f3\", predicate:\"lleg\u00f3 tarde\", guide:\"\u00bfQu\u00e9 lleg\u00f3 tarde? El cami\u00f3n escolar.\"},\n {sentence:\"La canci\u00f3n del coro emocion\u00f3 al p\u00fablico.\", subject:\"La canci\u00f3n del coro\", verb:\"emocion\u00f3\", predicate:\"emocion\u00f3 al p\u00fablico\", guide:\"\u00bfQu\u00e9 emocion\u00f3 al p\u00fablico? La canci\u00f3n del coro.\"},\n {sentence:\"Los zapatos de mi pap\u00e1 est\u00e1n limpios.\", subject:\"Los zapatos de mi pap\u00e1\", verb:\"est\u00e1n\", predicate:\"est\u00e1n limpios\", guide:\"\u00bfQu\u00e9 est\u00e1n limpios? Los zapatos de mi pap\u00e1.\"}\n],\n\nadvanced:[\n {sentence:\"Horne\u00f3 galletas la mam\u00e1 de Mateo.\", subject:\"la mam\u00e1 de Mateo\", verb:\"Horne\u00f3\", predicate:\"Horne\u00f3 galletas\", guide:\"\u00bfQui\u00e9n horne\u00f3 galletas? La mam\u00e1 de Mateo.\"},\n {sentence:\"Corrieron por el patio los estudiantes de tercero.\", subject:\"los estudiantes de tercero\", verb:\"Corrieron\", predicate:\"Corrieron por el patio\", guide:\"\u00bfQui\u00e9nes corrieron por el patio? Los estudiantes de tercero.\"},\n {sentence:\"Gan\u00f3 el partido final el equipo de la escuela.\", subject:\"el equipo de la escuela\", verb:\"Gan\u00f3\", predicate:\"Gan\u00f3 el partido final\", guide:\"\u00bfQui\u00e9n gan\u00f3 el partido final? El equipo de la escuela.\"},\n {sentence:\"Vol\u00f3 sobre las flores una mariposa amarilla.\", subject:\"una mariposa amarilla\", verb:\"Vol\u00f3\", predicate:\"Vol\u00f3 sobre las flores\", guide:\"\u00bfQui\u00e9n vol\u00f3 sobre las flores? Una mariposa amarilla.\"},\n {sentence:\"Prepar\u00f3 la cena mi abuela.\", subject:\"mi abuela\", verb:\"Prepar\u00f3\", predicate:\"Prepar\u00f3 la cena\", guide:\"\u00bfQui\u00e9n prepar\u00f3 la cena? Mi abuela.\"},\n {sentence:\"Leen cuentos en la biblioteca mis amigos.\", subject:\"mis amigos\", verb:\"Leen\", predicate:\"Leen cuentos en la biblioteca\", guide:\"\u00bfQui\u00e9nes leen cuentos en la biblioteca? Mis amigos.\"},\n {sentence:\"Encontr\u00f3 la pelota el ni\u00f1o de camiseta azul.\", subject:\"el ni\u00f1o de camiseta azul\", verb:\"Encontr\u00f3\", predicate:\"Encontr\u00f3 la pelota\", guide:\"\u00bfQui\u00e9n encontr\u00f3 la pelota? El ni\u00f1o de camiseta azul.\"},\n {sentence:\"Pint\u00f3 un paisaje la artista del sal\u00f3n.\", subject:\"la artista del sal\u00f3n\", verb:\"Pint\u00f3\", predicate:\"Pint\u00f3 un paisaje\", guide:\"\u00bfQui\u00e9n pint\u00f3 un paisaje? La artista del sal\u00f3n.\"},\n {sentence:\"Resolvi\u00f3 el problema el alumno m\u00e1s r\u00e1pido.\", subject:\"el alumno m\u00e1s r\u00e1pido\", verb:\"Resolvi\u00f3\", predicate:\"Resolvi\u00f3 el problema\", guide:\"\u00bfQui\u00e9n resolvi\u00f3 el problema? El alumno m\u00e1s r\u00e1pido.\"},\n {sentence:\"Cantaron una canci\u00f3n los ni\u00f1os del coro.\", subject:\"los ni\u00f1os del coro\", verb:\"Cantaron\", predicate:\"Cantaron una canci\u00f3n\", guide:\"\u00bfQui\u00e9nes cantaron una canci\u00f3n? Los ni\u00f1os del coro.\"},\n {sentence:\"Encontr\u00f3 el tesoro el pirata del barco.\", subject:\"el pirata del barco\", verb:\"Encontr\u00f3\", predicate:\"Encontr\u00f3 el tesoro\", guide:\"\u00bfQui\u00e9n encontr\u00f3 el tesoro? El pirata del barco.\"},\n {sentence:\"Escribi\u00f3 una carta la hermana mayor.\", subject:\"la hermana mayor\", verb:\"Escribi\u00f3\", predicate:\"Escribi\u00f3 una carta\", guide:\"\u00bfQui\u00e9n escribi\u00f3 una carta? La hermana mayor.\"},\n {sentence:\"Construyeron un castillo los ni\u00f1os del campamento.\", subject:\"los ni\u00f1os del campamento\", verb:\"Construyeron\", predicate:\"Construyeron un castillo\", guide:\"\u00bfQui\u00e9nes construyeron un castillo? Los ni\u00f1os del campamento.\"},\n {sentence:\"Descubri\u00f3 una estrella el cient\u00edfico joven.\", subject:\"el cient\u00edfico joven\", verb:\"Descubri\u00f3\", predicate:\"Descubri\u00f3 una estrella\", guide:\"\u00bfQui\u00e9n descubri\u00f3 una estrella? El cient\u00edfico joven.\"},\n {sentence:\"Regaron las plantas los alumnos de segundo grado.\", subject:\"los alumnos de segundo grado\", verb:\"Regaron\", predicate:\"Regaron las plantas\", guide:\"\u00bfQui\u00e9nes regaron las plantas? Los alumnos de segundo grado.\"},\n {sentence:\"Prepar\u00f3 el desayuno la abuela de Cristina.\", subject:\"la abuela de Cristina\", verb:\"Prepar\u00f3\", predicate:\"Prepar\u00f3 el desayuno\", guide:\"\u00bfQui\u00e9n prepar\u00f3 el desayuno? La abuela de Cristina.\"},\n {sentence:\"Gan\u00f3 la competencia el corredor m\u00e1s r\u00e1pido.\", subject:\"el corredor m\u00e1s r\u00e1pido\", verb:\"Gan\u00f3\", predicate:\"Gan\u00f3 la competencia\", guide:\"\u00bfQui\u00e9n gan\u00f3 la competencia? El corredor m\u00e1s r\u00e1pido.\"},\n {sentence:\"Pint\u00f3 un mural la artista del museo.\", subject:\"la artista del museo\", verb:\"Pint\u00f3\", predicate:\"Pint\u00f3 un mural\", guide:\"\u00bfQui\u00e9n pint\u00f3 un mural? La artista del museo.\"},\n {sentence:\"Abri\u00f3 la puerta el guardia de seguridad.\", subject:\"el guardia de seguridad\", verb:\"Abri\u00f3\", predicate:\"Abri\u00f3 la puerta\", guide:\"\u00bfQui\u00e9n abri\u00f3 la puerta? El guardia de seguridad.\"},\n {sentence:\"Resolvi\u00f3 el acertijo la ni\u00f1a m\u00e1s observadora.\", subject:\"la ni\u00f1a m\u00e1s observadora\", verb:\"Resolvi\u00f3\", predicate:\"Resolvi\u00f3 el acertijo\", guide:\"\u00bfQui\u00e9n resolvi\u00f3 el acertijo? La ni\u00f1a m\u00e1s observadora.\"},\n {sentence:\"En el patio jugaban los ni\u00f1os del grupo azul.\", subject:\"los ni\u00f1os del grupo azul\", verb:\"jugaban\", predicate:\"jugaban en el patio\", guide:\"\u00bfQui\u00e9nes jugaban en el patio? Los ni\u00f1os del grupo azul.\"},\n {sentence:\"Durante la ma\u00f1ana trabaj\u00f3 el jardinero de la escuela.\", subject:\"el jardinero de la escuela\", verb:\"trabaj\u00f3\", predicate:\"trabaj\u00f3 durante la ma\u00f1ana\", guide:\"\u00bfQui\u00e9n trabaj\u00f3 durante la ma\u00f1ana? El jardinero de la escuela.\"},\n {sentence:\"En la cocina prepar\u00f3 sopa la t\u00eda de Manuel.\", subject:\"la t\u00eda de Manuel\", verb:\"prepar\u00f3\", predicate:\"prepar\u00f3 sopa en la cocina\", guide:\"\u00bfQui\u00e9n prepar\u00f3 sopa en la cocina? La t\u00eda de Manuel.\"},\n {sentence:\"Con mucha alegr\u00eda bailaron las ni\u00f1as del festival.\", subject:\"las ni\u00f1as del festival\", verb:\"bailaron\", predicate:\"bailaron con mucha alegr\u00eda\", guide:\"\u00bfQui\u00e9nes bailaron con mucha alegr\u00eda? Las ni\u00f1as del festival.\"},\n {sentence:\"En el laboratorio investigaron los alumnos de ciencias.\", subject:\"los alumnos de ciencias\", verb:\"investigaron\", predicate:\"investigaron en el laboratorio\", guide:\"\u00bfQui\u00e9nes investigaron en el laboratorio? Los alumnos de ciencias.\"},\n {sentence:\"Sobre la mesa descansaba el libro de historia.\", subject:\"el libro de historia\", verb:\"descansaba\", predicate:\"descansaba sobre la mesa\", guide:\"\u00bfQu\u00e9 descansaba sobre la mesa? El libro de historia.\"},\n {sentence:\"Al final del cuento apareci\u00f3 el drag\u00f3n rojo.\", subject:\"el drag\u00f3n rojo\", verb:\"apareci\u00f3\", predicate:\"apareci\u00f3 al final del cuento\", guide:\"\u00bfQui\u00e9n apareci\u00f3 al final del cuento? El drag\u00f3n rojo.\"},\n {sentence:\"En la feria compraron dulces los primos de Ana.\", subject:\"los primos de Ana\", verb:\"compraron\", predicate:\"compraron dulces en la feria\", guide:\"\u00bfQui\u00e9nes compraron dulces en la feria? Los primos de Ana.\"},\n {sentence:\"Despu\u00e9s del recreo regresaron los ni\u00f1os al sal\u00f3n.\", subject:\"los ni\u00f1os\", verb:\"regresaron\", predicate:\"regresaron al sal\u00f3n despu\u00e9s del recreo\", guide:\"\u00bfQui\u00e9nes regresaron al sal\u00f3n despu\u00e9s del recreo? Los ni\u00f1os.\"},\n {sentence:\"En el escenario cant\u00f3 la solista del coro.\", subject:\"la solista del coro\", verb:\"cant\u00f3\", predicate:\"cant\u00f3 en el escenario\", guide:\"\u00bfQui\u00e9n cant\u00f3 en el escenario? La solista del coro.\"}\n]\n\n};\n\nlet level793d7a = \"beginner\";\nlet current793d7a;\nlet step793d7a = \"subject\";\nlet selected793d7a = \"\";\nlet score793d7a = 0;\nlet total793d7a = 0;\nlet question793d7a = 1;\n\nlet chosen793d7a = {\n subject:\"\",\n verb:\"\",\n predicate:\"\"\n};\n\nconst sentenceEl793d7a = document.getElementById(\"sentence793d7a\");\nconst instructionEl793d7a = document.getElementById(\"instruction793d7a\");\nconst optionsEl793d7a = document.getElementById(\"options793d7a\");\nconst feedbackEl793d7a = document.getElementById(\"feedback793d7a\");\nconst scoreEl793d7a = document.getElementById(\"score793d7a\");\nconst nextBtn793d7a = document.getElementById(\"nextBtn793d7a\");\nconst progress793d7a = document.getElementById(\"progress793d7a\");\nconst progressText793d7a = document.getElementById(\"progressText793d7a\");\nconst hintBtn793d7a = document.getElementById(\"hintBtn793d7a\");\n\nconst chosenSubject793d7a = document.getElementById(\"chosenSubject793d7a\");\nconst chosenVerb793d7a = document.getElementById(\"chosenVerb793d7a\");\nconst chosenPredicate793d7a = document.getElementById(\"chosenPredicate793d7a\");\n\nfunction shuffle793d7a(array){\n return array.sort(()=>Math.random()-0.5);\n}\n\nfunction randomExercise793d7a(){\n let arr = exercises793d7a[level793d7a];\n return arr[Math.floor(Math.random()*arr.length)];\n}\n\nfunction getInstruction793d7a(){\n if(step793d7a===\"subject\") return \"Identifica el sujeto:\";\n if(step793d7a===\"verb\") return \"Identifica el verbo:\";\n return \"Identifica el predicado:\";\n}\n\nfunction getCorrect793d7a(){\n return current793d7a[step793d7a];\n}\n\nfunction getOptions793d7a(){\n let correct = getCorrect793d7a();\n let distractors = [];\n\n if(step793d7a===\"subject\"){\n distractors = [current793d7a.verb, current793d7a.predicate, \"la acci\u00f3n de la oraci\u00f3n\"];\n }\n\n if(step793d7a===\"verb\"){\n distractors = [current793d7a.subject, current793d7a.predicate, \"toda la oraci\u00f3n\"];\n }\n\n if(step793d7a===\"predicate\"){\n distractors = [current793d7a.subject, current793d7a.verb, \"de qui\u00e9n se habla\"];\n }\n\n return shuffle793d7a([correct,...distractors]);\n}\n\nfunction newQuestion793d7a(){\n current793d7a = randomExercise793d7a();\n step793d7a = \"subject\";\n selected793d7a = \"\";\n\n chosen793d7a = {\n subject:\"\",\n verb:\"\",\n predicate:\"\"\n };\n\n sentenceEl793d7a.innerHTML = current793d7a.sentence;\n\n updateStep793d7a();\n updateProgress793d7a();\n updateChosen793d7a();\n\n feedbackEl793d7a.innerHTML = \"\";\n nextBtn793d7a.style.display = \"none\";\n}\n\nfunction updateStep793d7a(){\n instructionEl793d7a.innerHTML = getInstruction793d7a();\n optionsEl793d7a.innerHTML = \"\";\n selected793d7a = \"\";\n\n getOptions793d7a().forEach(option=>{\n let btn = document.createElement(\"button\");\n btn.type = \"button\";\n btn.className = \"option793d7a\";\n btn.textContent = option;\n\n btn.addEventListener(\"click\",()=>{\n document.querySelectorAll(\".option793d7a\")\n .forEach(b=>b.classList.remove(\"selected793d7a\"));\n\n btn.classList.add(\"selected793d7a\");\n selected793d7a = option;\n });\n\n optionsEl793d7a.appendChild(btn);\n });\n}\n\nfunction updateChosen793d7a(){\n chosenSubject793d7a.innerHTML = chosen793d7a.subject || \"---\";\n chosenVerb793d7a.innerHTML = chosen793d7a.verb || \"---\";\n chosenPredicate793d7a.innerHTML = chosen793d7a.predicate || \"---\";\n}\n\nfunction updateProgress793d7a(){\n let percent = (question793d7a \/ 10) * 100;\n progress793d7a.style.width = percent + \"%\";\n progressText793d7a.innerHTML = `Ejercicio ${question793d7a} de 10`;\n}\n\nfunction finalExplanation793d7a(){\n let predicateRest = current793d7a.predicate.replace(current793d7a.verb,\"\").trim();\n\n return `\n <div class=\"good793d7a\">\u00a1Excelente!<\/div>\n <div>\n ${current793d7a.guide}<br><br>\n Sujeto: <strong>${current793d7a.subject}<\/strong><br>\n Verbo: <strong>${current793d7a.verb}<\/strong><br>\n Predicado: <strong>${current793d7a.predicate}<\/strong>\n <\/div>\n\n <div class=\"colorSentence793d7a\">\n <span class=\"subjectColor793d7a\">${current793d7a.subject}<\/span>\n <span class=\"verbColor793d7a\">${current793d7a.verb}<\/span>\n <span class=\"predicateColor793d7a\">${predicateRest}<\/span>\n <\/div>\n `;\n}\n\nhintBtn793d7a.addEventListener(\"click\",()=>{\n\n let hint = \"\";\n\n if(step793d7a===\"subject\"){\n hint = \"El sujeto es de qui\u00e9n o de qu\u00e9 se habla en la oraci\u00f3n. No siempre aparece al inicio.\";\n }\n\n if(step793d7a===\"verb\"){\n hint = \"El verbo es la acci\u00f3n o lo que hace el sujeto.\";\n }\n\n if(step793d7a===\"predicate\"){\n hint = \"El predicado dice qu\u00e9 hace el sujeto o qu\u00e9 se dice de \u00e9l. Incluye el verbo.\";\n }\n\n feedbackEl793d7a.innerHTML = `\n <div class=\"hintBox793d7a\">\n <strong>Pista:<\/strong><br><br>\n ${hint}\n <\/div>\n `;\n});\n\ndocument.getElementById(\"checkBtn793d7a\").addEventListener(\"click\",()=>{\n\n if(selected793d7a===\"\"){\n feedbackEl793d7a.innerHTML =\n `<div class=\"bad793d7a\">Elige una opci\u00f3n primero.<\/div>`;\n return;\n }\n\n let correct = getCorrect793d7a();\n\n if(selected793d7a === correct){\n\n chosen793d7a[step793d7a] = selected793d7a;\n updateChosen793d7a();\n\n if(step793d7a===\"subject\"){\n step793d7a = \"verb\";\n feedbackEl793d7a.innerHTML =\n `<div class=\"good793d7a\">Correcto. Ahora busca el verbo.<\/div>`;\n updateStep793d7a();\n return;\n }\n\n if(step793d7a===\"verb\"){\n step793d7a = \"predicate\";\n feedbackEl793d7a.innerHTML =\n `<div class=\"good793d7a\">Muy bien. Ahora busca el predicado.<\/div>`;\n updateStep793d7a();\n return;\n }\n\n if(step793d7a===\"predicate\"){\n score793d7a++;\n total793d7a++;\n\n feedbackEl793d7a.innerHTML = finalExplanation793d7a();\n\n scoreEl793d7a.innerHTML = `Puntaje: ${score793d7a} \/ ${total793d7a}`;\n nextBtn793d7a.style.display = \"block\";\n }\n\n }else{\n\n total793d7a++;\n\n feedbackEl793d7a.innerHTML = `\n <div class=\"bad793d7a\">No es esa opci\u00f3n.<\/div>\n <div>\n ${current793d7a.guide}<br><br>\n Recuerda: ${\n step793d7a===\"subject\" ? \"el sujeto es de qui\u00e9n o de qu\u00e9 se habla.\" :\n step793d7a===\"verb\" ? \"el verbo es la acci\u00f3n.\" :\n \"el predicado dice qu\u00e9 hace el sujeto e incluye el verbo.\"\n }\n <\/div>\n `;\n\n scoreEl793d7a.innerHTML = `Puntaje: ${score793d7a} \/ ${total793d7a}`;\n }\n\n});\n\nnextBtn793d7a.addEventListener(\"click\",()=>{\n\n question793d7a++;\n\n if(question793d7a > 10){\n\n sentenceEl793d7a.innerHTML = \"Terminaste el juego.\";\n instructionEl793d7a.innerHTML = \"Buen trabajo.\";\n optionsEl793d7a.innerHTML = \"\";\n\n feedbackEl793d7a.innerHTML =\n `Puntaje final: ${score793d7a} \/ ${total793d7a}`;\n\n document.getElementById(\"checkBtn793d7a\").style.display = \"none\";\n hintBtn793d7a.style.display = \"none\";\n\n nextBtn793d7a.innerHTML = \"Jugar otra vez\";\n nextBtn793d7a.style.display = \"block\";\n\n nextBtn793d7a.onclick = ()=>{\n\n score793d7a = 0;\n total793d7a = 0;\n question793d7a = 1;\n\n scoreEl793d7a.innerHTML = \"Puntaje: 0 \/ 0\";\n\n document.getElementById(\"checkBtn793d7a\").style.display = \"block\";\n hintBtn793d7a.style.display = \"block\";\n nextBtn793d7a.innerHTML = \"Siguiente oraci\u00f3n\";\n nextBtn793d7a.onclick = null;\n\n newQuestion793d7a();\n };\n\n return;\n }\n\n newQuestion793d7a();\n\n});\n\ndocument.querySelectorAll(\".levelBtn793d7a\").forEach(btn=>{\n\n btn.addEventListener(\"click\",()=>{\n\n document.querySelectorAll(\".levelBtn793d7a\")\n .forEach(b=>b.classList.remove(\"active793d7a\"));\n\n btn.classList.add(\"active793d7a\");\n\n level793d7a = btn.dataset.level;\n\n score793d7a = 0;\n total793d7a = 0;\n question793d7a = 1;\n\n scoreEl793d7a.innerHTML = \"Puntaje: 0 \/ 0\";\n\n document.getElementById(\"checkBtn793d7a\").style.display = \"block\";\n hintBtn793d7a.style.display = \"block\";\n nextBtn793d7a.innerHTML = \"Siguiente oraci\u00f3n\";\n\n newQuestion793d7a();\n });\n\n});\n\nnewQuestion793d7a();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Sujeto, Verbo y Predicado Sujeto, Verbo y Predicado Lee la oraci\u00f3n y elige cada parte Nivel 1 Nivel 2 Nivel 3 Ejercicio 1 de 10 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1658","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1658","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1658"}],"version-history":[{"count":5,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1658\/revisions"}],"predecessor-version":[{"id":1665,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1658\/revisions\/1665"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}