{"id":1633,"date":"2026-06-24T14:49:50","date_gmt":"2026-06-24T14:49:50","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1633"},"modified":"2026-06-24T14:51:09","modified_gmt":"2026-06-24T14:51:09","slug":"series-numericas","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1633","title":{"rendered":"Series num\u00e9ricas"},"content":{"rendered":"\n<div class=\"mathApp793d7a\">\n  <div class=\"card793d7a\">\n\n    <h2>Series Num\u00e9ricas<\/h2>\n\n    <p class=\"subtitle793d7a\">\n      Observa el patr\u00f3n y completa la serie\n    <\/p>\n\n    <div class=\"levelBox793d7a\">\n      <button class=\"levelBtn793d7a active793d7a\" data-level=\"beginner\">Nivel 1: Sumas<\/button>\n      <button class=\"levelBtn793d7a\" data-level=\"intermediate\">Nivel 2: Sumas y restas<\/button>\n      <button class=\"levelBtn793d7a\" data-level=\"advanced\">Nivel 3: Multiplicaciones<\/button>\n    <\/div>\n\n    <div class=\"progressWrap793d7a\">\n      <div class=\"progressBar793d7a\" id=\"progress793d7a\"><\/div>\n    <\/div>\n\n    <div class=\"progressText793d7a\" id=\"progressText793d7a\">\n      Ejercicio 1 de 10\n    <\/div>\n\n    <div class=\"problemBox793d7a\">\n\n      <div class=\"keywordBox793d7a\">\n        <strong>Observa:<\/strong>\n        <span id=\"keywords793d7a\"><\/span>\n      <\/div>\n\n      <div class=\"problem793d7a\" id=\"problem793d7a\"><\/div>\n\n      <div class=\"inputsRow793d7a\">\n        <input type=\"number\" id=\"answer1793d7a\" class=\"input793d7a\" placeholder=\"___\">\n        <input type=\"number\" id=\"answer2793d7a\" class=\"input793d7a\" placeholder=\"___\">\n        <input type=\"number\" id=\"answer3793d7a\" class=\"input793d7a\" placeholder=\"___\">\n      <\/div>\n\n      <button class=\"hintBtn793d7a\" id=\"hintBtn793d7a\">\n        Ver pista\n      <\/button>\n\n      <button class=\"checkBtn793d7a\" id=\"checkBtn793d7a\">\n        Revisar respuesta\n      <\/button>\n\n      <div class=\"feedback793d7a\" id=\"feedback793d7a\"><\/div>\n\n    <\/div>\n\n    <div class=\"score793d7a\" id=\"score793d7a\">\n      Puntaje: 0 \/ 0\n    <\/div>\n\n    <button class=\"nextBtn793d7a\" id=\"nextBtn793d7a\" style=\"display:none;\">\n      Siguiente serie\n    <\/button>\n\n  <\/div>\n<\/div>\n\n<style>\n\n.mathApp793d7a{\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:760px;\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  cursor:pointer;\n  font-weight:bold;\n  transition:0.3s;\n}\n\n.levelBtn793d7a:hover{\n  transform:scale(1.05);\n}\n\n.active793d7a{\n  background:#793d7a;\n  color:white;\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.keywordBox793d7a{\n  background:#f0dff0;\n  padding:12px;\n  border-radius:12px;\n  margin-bottom:20px;\n  color:#793d7a;\n  font-size:18px;\n}\n\n.problem793d7a{\n  font-size:30px;\n  line-height:1.7;\n  margin-bottom:25px;\n  text-align:center;\n  font-weight:bold;\n}\n\n.blank793d7a{\n  color:#793d7a;\n  background:#f4d8f4;\n  padding:4px 14px;\n  border-radius:8px;\n}\n\n.inputsRow793d7a{\n  display:flex;\n  gap:12px;\n  margin-bottom:20px;\n}\n\n.input793d7a{\n  width:100%;\n  padding:15px;\n  font-size:22px;\n  border-radius:12px;\n  border:2px solid #ccc;\n  text-align:center;\n  box-sizing:border-box;\n}\n\n.input793d7a:focus{\n  outline:none;\n  border-color:#793d7a;\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  transition:0.3s;\n}\n\n.checkBtn793d7a:hover,\n.nextBtn793d7a:hover{\n  transform:translateY(-2px);\n}\n\n.feedback793d7a{\n  margin-top:20px;\n  background:white;\n  border-radius:14px;\n  padding:18px;\n  line-height:1.8;\n  font-size:18px;\n}\n\n.hintBox793d7a{\n  background:#f8eef8;\n  border-left:5px solid #793d7a;\n  padding:15px;\n  border-radius:10px;\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.step793d7a{\n  margin-top:14px;\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\n.problem793d7a{\n  font-size:24px;\n}\n\n.inputsRow793d7a{\n  flex-direction:column;\n}\n\n}\n\n<\/style>\n\n<script>\n\nfunction rand793d7a(min,max){\n  return Math.floor(Math.random()*(max-min+1))+min;\n}\n\nfunction makeSerie793d7a(visible, answers, clue, hint){\n  return {\n    visible,\n    answers,\n    clue,\n    hint\n  };\n}\n\nconst levels793d7a = {\n\nbeginner:[\n\n  () => {\n    let start = rand793d7a(1,10);\n    let step = rand793d7a(2,5);\n    let serie = [];\n    for(let i=0;i<7;i++){ serie.push(start + step*i); }\n    return makeSerie793d7a(\n      serie.slice(0,4),\n      serie.slice(4,7),\n      \"El patr\u00f3n usa solo sumas.\",\n      `La serie va aumentando siempre de ${step} en ${step}.`\n    );\n  },\n\n  () => {\n    let start = rand793d7a(5,15);\n    let step = rand793d7a(3,6);\n    let serie = [];\n    for(let i=0;i<7;i++){ serie.push(start + step*i); }\n    return makeSerie793d7a(\n      serie.slice(0,4),\n      serie.slice(4,7),\n      \"Cada n\u00famero crece con la misma suma.\",\n      `Para continuar, suma ${step} cada vez.`\n    );\n  },\n\n  () => {\n    let start = rand793d7a(10,20);\n    let step = 10;\n    let serie = [];\n    for(let i=0;i<7;i++){ serie.push(start + step*i); }\n    return makeSerie793d7a(\n      serie.slice(0,4),\n      serie.slice(4,7),\n      \"La serie aumenta de 10 en 10.\",\n      \"Mira el n\u00famero anterior y s\u00famale 10.\"\n    );\n  }\n\n],\n\nintermediate:[\n\n  () => {\n    let start = rand793d7a(5,15);\n    let plus = rand793d7a(4,7);\n    let minus = rand793d7a(1,3);\n    let serie = [start];\n\n    for(let i=1;i<7;i++){\n      if(i % 2 === 1){\n        serie.push(serie[i-1] + plus);\n      }else{\n        serie.push(serie[i-1] - minus);\n      }\n    }\n\n    return makeSerie793d7a(\n      serie.slice(0,4),\n      serie.slice(4,7),\n      \"El patr\u00f3n alterna suma y resta.\",\n      `Primero suma ${plus}, luego resta ${minus}. Despu\u00e9s repite el mismo patr\u00f3n.`\n    );\n  },\n\n  () => {\n    let start = rand793d7a(20,35);\n    let minus = rand793d7a(2,5);\n    let plus = rand793d7a(6,9);\n    let serie = [start];\n\n    for(let i=1;i<7;i++){\n      if(i % 2 === 1){\n        serie.push(serie[i-1] - minus);\n      }else{\n        serie.push(serie[i-1] + plus);\n      }\n    }\n\n    return makeSerie793d7a(\n      serie.slice(0,4),\n      serie.slice(4,7),\n      \"El patr\u00f3n baja y luego sube.\",\n      `Primero resta ${minus}, luego suma ${plus}. Ese patr\u00f3n se repite.`\n    );\n  },\n\n  () => {\n    let start = rand793d7a(1,5);\n    let serie = [start];\n    let add = 1;\n\n    for(let i=1;i<7;i++){\n      serie.push(serie[i-1] + add);\n      add++;\n    }\n\n    return makeSerie793d7a(\n      serie.slice(0,4),\n      serie.slice(4,7),\n      \"La suma va cambiando.\",\n      \"Primero suma 1, luego suma 2, luego suma 3, y as\u00ed contin\u00faa.\"\n    );\n  }\n\n],\n\nadvanced:[\n\n  () => {\n    let start = rand793d7a(1,5);\n    let mult = 2;\n    let serie = [];\n    for(let i=0;i<7;i++){\n      serie.push(start * Math.pow(mult,i));\n    }\n\n    return makeSerie793d7a(\n      serie.slice(0,4),\n      serie.slice(4,7),\n      \"El patr\u00f3n usa multiplicaci\u00f3n.\",\n      \"Cada n\u00famero se multiplica por 2 para encontrar el siguiente.\"\n    );\n  },\n\n  () => {\n    let start = rand793d7a(1,4);\n    let mult = 3;\n    let serie = [];\n    for(let i=0;i<7;i++){\n      serie.push(start * Math.pow(mult,i));\n    }\n\n    return makeSerie793d7a(\n      serie.slice(0,4),\n      serie.slice(4,7),\n      \"El patr\u00f3n usa multiplicaci\u00f3n.\",\n      \"Cada n\u00famero se multiplica por 3 para encontrar el siguiente.\"\n    );\n  },\n\n  () => {\n    let start = rand793d7a(2,6);\n    let mult = 2;\n    let plus = rand793d7a(1,4);\n    let serie = [start];\n\n    for(let i=1;i<7;i++){\n      if(i % 2 === 1){\n        serie.push(serie[i-1] * mult);\n      }else{\n        serie.push(serie[i-1] + plus);\n      }\n    }\n\n    return makeSerie793d7a(\n      serie.slice(0,4),\n      serie.slice(4,7),\n      \"El patr\u00f3n combina multiplicar y sumar.\",\n      `Primero multiplica por ${mult}, luego suma ${plus}. Despu\u00e9s repite el mismo patr\u00f3n.`\n    );\n  }\n\n]\n\n};\n\nlet level793d7a = \"beginner\";\nlet current793d7a;\nlet score793d7a = 0;\nlet total793d7a = 0;\nlet question793d7a = 1;\n\nconst problemEl793d7a = document.getElementById(\"problem793d7a\");\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 keywords793d7a = document.getElementById(\"keywords793d7a\");\nconst hintBtn793d7a = document.getElementById(\"hintBtn793d7a\");\n\nconst answer1793d7a = document.getElementById(\"answer1793d7a\");\nconst answer2793d7a = document.getElementById(\"answer2793d7a\");\nconst answer3793d7a = document.getElementById(\"answer3793d7a\");\n\nfunction newProblem793d7a(){\n\n  let arr = levels793d7a[level793d7a];\n  current793d7a = arr[rand793d7a(0,arr.length-1)]();\n\n  problemEl793d7a.innerHTML =\n    current793d7a.visible.join(\", \") +\n    `, <span class=\"blank793d7a\">___<\/span>, <span class=\"blank793d7a\">___<\/span>, <span class=\"blank793d7a\">___<\/span>`;\n\n  keywords793d7a.innerHTML = current793d7a.clue;\n\n  answer1793d7a.value = \"\";\n  answer2793d7a.value = \"\";\n  answer3793d7a.value = \"\";\n\n  feedbackEl793d7a.innerHTML = \"\";\n  nextBtn793d7a.style.display = \"none\";\n\n  updateProgress793d7a();\n\n}\n\nfunction updateProgress793d7a(){\n\n  let percent = (question793d7a \/ 10) * 100;\n  progress793d7a.style.width = percent + \"%\";\n  progressText793d7a.innerHTML = `Ejercicio ${question793d7a} de 10`;\n\n}\n\nhintBtn793d7a.addEventListener(\"click\",()=>{\n\n  feedbackEl793d7a.innerHTML = `\n    <div class=\"hintBox793d7a\">\n      <strong>Pista:<\/strong><br><br>\n      ${current793d7a.hint}<br><br>\n      Observa qu\u00e9 pasa de un n\u00famero al siguiente.\n    <\/div>\n  `;\n\n});\n\ndocument.getElementById(\"checkBtn793d7a\").addEventListener(\"click\",()=>{\n\n  let userAnswers = [\n    Number(answer1793d7a.value),\n    Number(answer2793d7a.value),\n    Number(answer3793d7a.value)\n  ];\n\n  if(answer1793d7a.value===\"\" || answer2793d7a.value===\"\" || answer3793d7a.value===\"\"){\n\n    feedbackEl793d7a.innerHTML =\n    `<div class=\"bad793d7a\">\n      Escribe los tres n\u00fameros que faltan.\n    <\/div>`;\n\n    return;\n\n  }\n\n  total793d7a++;\n\n  let correct =\n    userAnswers[0] === current793d7a.answers[0] &&\n    userAnswers[1] === current793d7a.answers[1] &&\n    userAnswers[2] === current793d7a.answers[2];\n\n  if(correct){\n\n    score793d7a++;\n\n    feedbackEl793d7a.innerHTML = `\n      <div class=\"good793d7a\">\n        \u00a1Muy bien!\n      <\/div>\n\n      <div class=\"step793d7a\">\n        La serie correcta es:<br>\n        <strong>${current793d7a.visible.concat(current793d7a.answers).join(\", \")}<\/strong>\n      <\/div>\n    `;\n\n  }else{\n\n    feedbackEl793d7a.innerHTML = `\n      <div class=\"bad793d7a\">\n        Casi. Observa otra vez el patr\u00f3n.\n      <\/div>\n\n      <div class=\"step793d7a\">\n        La respuesta correcta era:<br>\n        <strong>${current793d7a.answers.join(\", \")}<\/strong>\n      <\/div>\n\n      <div class=\"step793d7a\">\n        Serie completa:<br>\n        <strong>${current793d7a.visible.concat(current793d7a.answers).join(\", \")}<\/strong>\n      <\/div>\n    `;\n\n  }\n\n  scoreEl793d7a.innerHTML =\n    `Puntaje: ${score793d7a} \/ ${total793d7a}`;\n\n  nextBtn793d7a.style.display = \"block\";\n\n});\n\nnextBtn793d7a.addEventListener(\"click\",()=>{\n\n  question793d7a++;\n\n  if(question793d7a > 10){\n\n    problemEl793d7a.innerHTML = \"Terminaste el juego.\";\n    keywords793d7a.innerHTML = \"-\";\n\n    feedbackEl793d7a.innerHTML =\n      `Puntaje final: ${score793d7a} \/ 10`;\n\n    answer1793d7a.style.display = \"none\";\n    answer2793d7a.style.display = \"none\";\n    answer3793d7a.style.display = \"none\";\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      answer1793d7a.style.display = \"block\";\n      answer2793d7a.style.display = \"block\";\n      answer3793d7a.style.display = \"block\";\n\n      document.getElementById(\"checkBtn793d7a\").style.display = \"block\";\n      hintBtn793d7a.style.display = \"block\";\n\n      nextBtn793d7a.innerHTML = \"Siguiente serie\";\n      nextBtn793d7a.onclick = null;\n\n      newProblem793d7a();\n\n    };\n\n    return;\n\n  }\n\n  newProblem793d7a();\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    answer1793d7a.style.display = \"block\";\n    answer2793d7a.style.display = \"block\";\n    answer3793d7a.style.display = \"block\";\n\n    document.getElementById(\"checkBtn793d7a\").style.display = \"block\";\n    hintBtn793d7a.style.display = \"block\";\n    nextBtn793d7a.innerHTML = \"Siguiente serie\";\n\n    newProblem793d7a();\n\n  });\n\n});\n\nnewProblem793d7a();\n\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Series Num\u00e9ricas Observa el patr\u00f3n y completa la serie Nivel 1: Sumas Nivel 2: Sumas y restas Nivel 3: Multiplicaciones Ejercicio 1 de 10 Observa: [&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-1633","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1633","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=1633"}],"version-history":[{"count":3,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1633\/revisions"}],"predecessor-version":[{"id":1638,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1633\/revisions\/1638"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1633"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}