{"id":1686,"date":"2026-06-24T18:04:29","date_gmt":"2026-06-24T18:04:29","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1686"},"modified":"2026-06-24T18:04:56","modified_gmt":"2026-06-24T18:04:56","slug":"acomodo-de-oraciones","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1686","title":{"rendered":"Acomodo de oraciones"},"content":{"rendered":"\n<div class=\"spanishApp793d7a\">\n  <div class=\"card793d7a\">\n\n    <h2>Completa la Oraci\u00f3n<\/h2>\n    <p class=\"subtitle793d7a\">Elige la parte que falta: sujeto, verbo o predicado<\/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\n      <div class=\"instruction793d7a\" id=\"instruction793d7a\"><\/div>\n\n      <div class=\"sentence793d7a\" id=\"sentence793d7a\"><\/div>\n\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\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<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:24px;\n  font-size:30px;\n  line-height:1.6;\n  text-align:center;\n  margin-bottom:22px;\n  color:#222;\n}\n\n.blank793d7a{\n  display:inline-block;\n  min-width:150px;\n  background:#f4d8f4;\n  color:#793d7a;\n  border-radius:10px;\n  padding:3px 14px;\n  font-weight:bold;\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.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\n<script>\nfunction shuffle793d7a(array){\n  return array.sort(()=>Math.random()-0.5);\n}\n\nconst exercises793d7a = {\n\nbeginner:[\n  {\n    sentence:'<span class=\"blank793d7a\">_____<\/span> canta una canci\u00f3n.',\n    missing:\"sujeto\",\n    answer:\"La ni\u00f1a\",\n    options:[\"La ni\u00f1a\",\"canta\",\"una canci\u00f3n\",\"r\u00e1pidamente\"],\n    full:\"La ni\u00f1a canta una canci\u00f3n.\",\n    hint:\"Falta de qui\u00e9n se habla. Pregunta: \u00bfqui\u00e9n canta una canci\u00f3n?\"\n  },\n  {\n    sentence:'El perro <span class=\"blank793d7a\">_____<\/span> en el parque.',\n    missing:\"verbo\",\n    answer:\"corre\",\n    options:[\"corre\",\"El perro\",\"en el parque\",\"pelota\"],\n    full:\"El perro corre en el parque.\",\n    hint:\"Falta la acci\u00f3n. Pregunta: \u00bfqu\u00e9 hace el perro?\"\n  },\n  {\n    sentence:'La maestra <span class=\"blank793d7a\">_____<\/span>.',\n    missing:\"predicado\",\n    answer:\"explica la lecci\u00f3n\",\n    options:[\"explica la lecci\u00f3n\",\"La maestra\",\"explica\",\"el sal\u00f3n\"],\n    full:\"La maestra explica la lecci\u00f3n.\",\n    hint:\"Falta lo que se dice del sujeto. El predicado incluye el verbo.\"\n  },\n  {\n    sentence:'<span class=\"blank793d7a\">_____<\/span> duerme en la cama.',\n    missing:\"sujeto\",\n    answer:\"El gato\",\n    options:[\"El gato\",\"duerme\",\"en la cama\",\"suave\"],\n    full:\"El gato duerme en la cama.\",\n    hint:\"Falta qui\u00e9n duerme en la cama.\"\n  },\n  {\n    sentence:'La pelota <span class=\"blank793d7a\">_____<\/span> por el piso.',\n    missing:\"verbo\",\n    answer:\"rueda\",\n    options:[\"rueda\",\"La pelota\",\"por el piso\",\"redonda\"],\n    full:\"La pelota rueda por el piso.\",\n    hint:\"Falta la acci\u00f3n que realiza la pelota.\"\n  }\n],\n\nintermediate:[\n  {\n    sentence:'<span class=\"blank793d7a\">_____<\/span> leen cuentos en la biblioteca.',\n    missing:\"sujeto\",\n    answer:\"Mis amigos de la escuela\",\n    options:[\"Mis amigos de la escuela\",\"leen\",\"cuentos en la biblioteca\",\"la biblioteca\"],\n    full:\"Mis amigos de la escuela leen cuentos en la biblioteca.\",\n    hint:\"Falta qui\u00e9nes leen cuentos en la biblioteca.\"\n  },\n  {\n    sentence:'El ni\u00f1o de camisa azul <span class=\"blank793d7a\">_____<\/span> un \u00e1rbol.',\n    missing:\"verbo\",\n    answer:\"dibuja\",\n    options:[\"dibuja\",\"El ni\u00f1o de camisa azul\",\"un \u00e1rbol\",\"azul\"],\n    full:\"El ni\u00f1o de camisa azul dibuja un \u00e1rbol.\",\n    hint:\"Falta la acci\u00f3n que hace el ni\u00f1o.\"\n  },\n  {\n    sentence:'La bicicleta roja <span class=\"blank793d7a\">_____<\/span>.',\n    missing:\"predicado\",\n    answer:\"est\u00e1 en el patio\",\n    options:[\"est\u00e1 en el patio\",\"La bicicleta roja\",\"est\u00e1\",\"roja\"],\n    full:\"La bicicleta roja est\u00e1 en el patio.\",\n    hint:\"Falta qu\u00e9 se dice de la bicicleta roja.\"\n  },\n  {\n    sentence:'<span class=\"blank793d7a\">_____<\/span> celebran la victoria.',\n    missing:\"sujeto\",\n    answer:\"Los jugadores del equipo\",\n    options:[\"Los jugadores del equipo\",\"celebran\",\"la victoria\",\"r\u00e1pido\"],\n    full:\"Los jugadores del equipo celebran la victoria.\",\n    hint:\"Falta qui\u00e9nes celebran la victoria.\"\n  },\n  {\n    sentence:'La profesora de ingl\u00e9s <span class=\"blank793d7a\">_____<\/span>.',\n    missing:\"predicado\",\n    answer:\"explica la tarea\",\n    options:[\"explica la tarea\",\"La profesora de ingl\u00e9s\",\"explica\",\"ingl\u00e9s\"],\n    full:\"La profesora de ingl\u00e9s explica la tarea.\",\n    hint:\"Falta lo que hace la profesora de ingl\u00e9s.\"\n  }\n],\n\nadvanced:[\n  {\n    sentence:'Horne\u00f3 galletas <span class=\"blank793d7a\">_____<\/span>.',\n    missing:\"sujeto\",\n    answer:\"la mam\u00e1 de Mateo\",\n    options:[\"la mam\u00e1 de Mateo\",\"Horne\u00f3\",\"galletas\",\"Horne\u00f3 galletas\"],\n    full:\"Horne\u00f3 galletas la mam\u00e1 de Mateo.\",\n    hint:\"Aunque est\u00e1 al final, falta qui\u00e9n horne\u00f3 galletas.\"\n  },\n  {\n    sentence:'En el patio <span class=\"blank793d7a\">_____<\/span> los ni\u00f1os del grupo azul.',\n    missing:\"verbo\",\n    answer:\"jugaban\",\n    options:[\"jugaban\",\"los ni\u00f1os del grupo azul\",\"En el patio\",\"azul\"],\n    full:\"En el patio jugaban los ni\u00f1os del grupo azul.\",\n    hint:\"Falta la acci\u00f3n que realizaban los ni\u00f1os.\"\n  },\n  {\n    sentence:'Prepar\u00f3 el desayuno <span class=\"blank793d7a\">_____<\/span>.',\n    missing:\"sujeto\",\n    answer:\"la abuela de Cristina\",\n    options:[\"la abuela de Cristina\",\"Prepar\u00f3\",\"el desayuno\",\"Prepar\u00f3 el desayuno\"],\n    full:\"Prepar\u00f3 el desayuno la abuela de Cristina.\",\n    hint:\"Pregunta: \u00bfqui\u00e9n prepar\u00f3 el desayuno?\"\n  },\n  {\n    sentence:'El corredor m\u00e1s r\u00e1pido <span class=\"blank793d7a\">_____<\/span>.',\n    missing:\"predicado\",\n    answer:\"gan\u00f3 la competencia\",\n    options:[\"gan\u00f3 la competencia\",\"El corredor m\u00e1s r\u00e1pido\",\"gan\u00f3\",\"la competencia\"],\n    full:\"El corredor m\u00e1s r\u00e1pido gan\u00f3 la competencia.\",\n    hint:\"Falta lo que hizo el corredor. Recuerda que el predicado incluye el verbo.\"\n  },\n  {\n    sentence:'En el escenario cant\u00f3 <span class=\"blank793d7a\">_____<\/span>.',\n    missing:\"sujeto\",\n    answer:\"la solista del coro\",\n    options:[\"la solista del coro\",\"cant\u00f3\",\"En el escenario\",\"cant\u00f3 en el escenario\"],\n    full:\"En el escenario cant\u00f3 la solista del coro.\",\n    hint:\"Falta qui\u00e9n cant\u00f3 en el escenario.\"\n  }\n]\n\n};\n\nlet level793d7a = \"beginner\";\nlet current793d7a;\nlet selected793d7a = \"\";\nlet score793d7a = 0;\nlet total793d7a = 0;\nlet question793d7a = 1;\n\nconst instructionEl793d7a = document.getElementById(\"instruction793d7a\");\nconst sentenceEl793d7a = document.getElementById(\"sentence793d7a\");\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\nfunction newQuestion793d7a(){\n\n  let arr = exercises793d7a[level793d7a];\n  current793d7a = arr[Math.floor(Math.random()*arr.length)];\n  selected793d7a = \"\";\n\n  instructionEl793d7a.innerHTML =\n    `Falta el <strong>${current793d7a.missing}<\/strong>. Elige la mejor opci\u00f3n:`;\n\n  sentenceEl793d7a.innerHTML = current793d7a.sentence;\n\n  optionsEl793d7a.innerHTML = \"\";\n\n  shuffle793d7a([...current793d7a.options]).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  feedbackEl793d7a.innerHTML = \"\";\n  nextBtn793d7a.style.display = \"none\";\n\n  updateProgress793d7a();\n}\n\nfunction updateProgress793d7a(){\n  let percent = (question793d7a \/ 10) * 100;\n  progress793d7a.style.width = percent + \"%\";\n  progressText793d7a.innerHTML = `Ejercicio ${question793d7a} de 10`;\n}\n\nhintBtn793d7a.addEventListener(\"click\",()=>{\n  feedbackEl793d7a.innerHTML = `\n    <div class=\"hintBox793d7a\">\n      <strong>Pista:<\/strong><br><br>\n      ${current793d7a.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  total793d7a++;\n\n  if(selected793d7a === current793d7a.answer){\n\n    score793d7a++;\n\n    feedbackEl793d7a.innerHTML = `\n      <div class=\"good793d7a\">\u00a1Correcto!<\/div>\n      <div>\n        Oraci\u00f3n completa:<br>\n        <strong>${current793d7a.full}<\/strong>\n      <\/div>\n    `;\n\n  }else{\n\n    feedbackEl793d7a.innerHTML = `\n      <div class=\"bad793d7a\">Casi. Observa la oraci\u00f3n otra vez.<\/div>\n      <div>\n        La respuesta correcta era:<br>\n        <strong>${current793d7a.answer}<\/strong><br><br>\n        Oraci\u00f3n completa:<br>\n        <strong>${current793d7a.full}<\/strong>\n      <\/div>\n    `;\n\n  }\n\n  scoreEl793d7a.innerHTML = `Puntaje: ${score793d7a} \/ ${total793d7a}`;\n  nextBtn793d7a.style.display = \"block\";\n\n});\n\nnextBtn793d7a.addEventListener(\"click\",()=>{\n\n  question793d7a++;\n\n  if(question793d7a > 10){\n\n    instructionEl793d7a.innerHTML = \"Buen trabajo.\";\n    sentenceEl793d7a.innerHTML = \"Terminaste el juego.\";\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","protected":false},"excerpt":{"rendered":"<p>Completa la Oraci\u00f3n Elige la parte que falta: sujeto, verbo o predicado Nivel 1 Nivel 2 Nivel 3 Ejercicio 1 de 10 Ver pista Revisar [&hellip;]<\/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-1686","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1686","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=1686"}],"version-history":[{"count":2,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1686\/revisions"}],"predecessor-version":[{"id":1690,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1686\/revisions\/1690"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}