{"id":1368,"date":"2026-05-14T17:12:53","date_gmt":"2026-05-14T17:12:53","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1368"},"modified":"2026-05-18T22:56:34","modified_gmt":"2026-05-18T22:56:34","slug":"numeros-divisibles","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1368","title":{"rendered":"N\u00fameros divisibles"},"content":{"rendered":"\n<div class=\"divBox793d7a\">\n  <div class=\"divCard793d7a\">\n\n    <h3>Reglas de divisibilidad<\/h3>\n\n    <!-- NIVEL -->\n\n    <div class=\"level793d7a\"\n         id=\"level793d7a\">\n      Nivel 1 \u2022 F\u00e1cil\n    <\/div>\n\n    <!-- MAPA -->\n\n    <div class=\"map793d7a\">\n\n      <div class=\"ruleCard793d7a\">\n        <strong>Entre 2<\/strong><br>\n        N\u00famero par\n      <\/div>\n\n      <div class=\"ruleCard793d7a\">\n        <strong>Entre 3<\/strong><br>\n        Suma de d\u00edgitos m\u00faltiplo de 3\n      <\/div>\n\n      <div class=\"ruleCard793d7a\">\n        <strong>Entre 6<\/strong><br>\n        Divisible entre 2 y 3\n      <\/div>\n\n      <div class=\"ruleCard793d7a\">\n        <strong>Entre 5<\/strong><br>\n        Termina en 0 o 5\n      <\/div>\n\n      <div class=\"ruleCard793d7a\">\n        <strong>Entre 10<\/strong><br>\n        Termina en 0\n      <\/div>\n\n    <\/div>\n\n    <!-- PROGRESO -->\n\n    <div class=\"progressWrap793d7a\">\n      <div class=\"progressBar793d7a\"\n           id=\"progressBar793d7a\"><\/div>\n    <\/div>\n\n    <div class=\"progressText793d7a\"\n         id=\"progressText793d7a\">\n      Progreso: 0%\n    <\/div>\n\n    <!-- N\u00daMERO -->\n\n    <div class=\"number793d7a\"\n         id=\"number793d7a\">\n      24\n    <\/div>\n\n    <p class=\"question793d7a\">\n      \u00bfEntre qu\u00e9 n\u00fameros es divisible?\n    <\/p>\n\n    <!-- OPCIONES -->\n\n    <div class=\"options793d7a\">\n\n      <label class=\"check793d7a\">\n        <input type=\"checkbox\" value=\"2\">\n        Entre 2\n      <\/label>\n\n      <label class=\"check793d7a\">\n        <input type=\"checkbox\" value=\"3\">\n        Entre 3\n      <\/label>\n\n      <label class=\"check793d7a\">\n        <input type=\"checkbox\" value=\"5\">\n        Entre 5\n      <\/label>\n\n      <label class=\"check793d7a\">\n        <input type=\"checkbox\" value=\"6\">\n        Entre 6\n      <\/label>\n\n      <label class=\"check793d7a\">\n        <input type=\"checkbox\" value=\"10\">\n        Entre 10\n      <\/label>\n\n    <\/div>\n\n    <!-- BOTONES -->\n\n    <div class=\"buttons793d7a\">\n\n      <button onclick=\"check793d7a()\">\n        Revisar\n      <\/button>\n\n      <button onclick=\"next793d7a()\">\n        Siguiente\n      <\/button>\n\n    <\/div>\n\n    <div id=\"feedback793d7a\"\n         class=\"feedback793d7a\"><\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n.divBox793d7a{\n  max-width:820px;\n  margin:20px auto;\n  font-family:Arial;\n}\n\n.divCard793d7a{\n  border:2px solid #793d7a;\n  border-radius:16px;\n  padding:24px;\n  background:white;\n}\n\n.divCard793d7a h3{\n  color:#793d7a;\n  margin-bottom:18px;\n}\n\n.level793d7a{\n  background:#793d7a;\n  color:white;\n  padding:12px;\n  border-radius:12px;\n  text-align:center;\n  font-size:20px;\n  font-weight:bold;\n  margin-bottom:22px;\n}\n\n.map793d7a{\n  display:grid;\n  grid-template-columns:repeat(5,1fr);\n  gap:10px;\n  margin-bottom:24px;\n}\n\n.ruleCard793d7a{\n  border:2px solid #793d7a;\n  border-radius:12px;\n  background:#faf5fb;\n  padding:12px;\n  text-align:center;\n  font-size:14px;\n  line-height:1.5;\n  color:#793d7a;\n}\n\n.ruleCard793d7a strong{\n  font-size:16px;\n}\n\n.progressWrap793d7a{\n  width:100%;\n  height:22px;\n  background:#ead9ea;\n  border-radius:999px;\n  overflow:hidden;\n  margin-bottom:10px;\n}\n\n.progressBar793d7a{\n  height:100%;\n  width:0%;\n  background:linear-gradient(\n    90deg,\n    #793d7a,\n    #c46bc6\n  );\n  transition:width .4s ease;\n}\n\n.progressText793d7a{\n  text-align:center;\n  color:#793d7a;\n  font-weight:bold;\n  margin-bottom:24px;\n}\n\n.number793d7a{\n  font-size:56px;\n  font-weight:bold;\n  color:#793d7a;\n  margin-bottom:14px;\n}\n\n.question793d7a{\n  font-size:22px;\n  margin-bottom:18px;\n}\n\n.options793d7a{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:12px;\n}\n\n.check793d7a{\n  border:2px solid #793d7a;\n  border-radius:12px;\n  padding:14px;\n  background:#faf5fb;\n  font-size:20px;\n  cursor:pointer;\n  transition:.2s;\n}\n\n.check793d7a:hover{\n  transform:scale(1.02);\n}\n\n.check793d7a input{\n  margin-right:8px;\n  transform:scale(1.2);\n}\n\n.buttons793d7a{\n  margin-top:24px;\n}\n\n.buttons793d7a button{\n  background:#793d7a;\n  color:white;\n  border:none;\n  border-radius:12px;\n  padding:12px 20px;\n  font-size:16px;\n  cursor:pointer;\n  margin-right:12px;\n  transition:.2s;\n}\n\n.buttons793d7a button:hover{\n  transform:scale(1.03);\n}\n\n.feedback793d7a{\n  margin-top:22px;\n  font-size:22px;\n  font-weight:bold;\n  min-height:30px;\n}\n\n.correct793d7a{\n  color:#2e7d32;\n}\n\n.wrong793d7a{\n  color:#c62828;\n}\n\n@media(max-width:800px){\n\n  .map793d7a{\n    grid-template-columns:1fr 1fr;\n  }\n\n}\n\n@media(max-width:600px){\n\n  .options793d7a{\n    grid-template-columns:1fr;\n  }\n\n  .map793d7a{\n    grid-template-columns:1fr;\n  }\n\n}\n<\/style>\n\n<script>\n(function(){\n\n\/* =========================\n   DIVISORES\n========================= *\/\n\nconst divisors = [2,3,5,6,10];\n\n\/* =========================\n   NIVELES\n========================= *\/\n\nconst levels793d7a = {\n\n  1:{\n    label:\"Nivel 1 \u2022 F\u00e1cil\",\n    numbers:[\n      20,24,30,40,42,50,\n      60,66,70,72,80,90\n    ]\n  },\n\n  2:{\n    label:\"Nivel 2 \u2022 Intermedio\",\n    numbers:[\n      84,96,105,108,120,\n      126,132,140,144,\n      150,156,162\n    ]\n  },\n\n  3:{\n    label:\"Nivel 3 \u2022 Avanzado\",\n    numbers:[\n      180,198,210,216,\n      240,252,270,300,\n      330,360,420,540\n    ]\n  }\n\n};\n\nlet level793d7a = 1;\nlet currentNumber = 24;\nlet used793d7a = [];\n\n\/* =========================\n   PROGRESO\n========================= *\/\n\nlet progress793d7a = 0;\nconst maxProgress793d7a = 10;\n\nfunction updateProgress793d7a(){\n\n  const percent =\n    Math.min(\n      100,\n      (progress793d7a\/maxProgress793d7a)*100\n    );\n\n  document.getElementById(\n    \"progressBar793d7a\"\n  ).style.width =\n    percent + \"%\";\n\n  document.getElementById(\n    \"progressText793d7a\"\n  ).innerHTML =\n    \"Progreso: \" +\n    Math.floor(percent) +\n    \"%\";\n\n  document.getElementById(\n    \"level793d7a\"\n  ).innerHTML =\n    levels793d7a[level793d7a].label;\n}\n\n\/* =========================\n   GENERAR\n========================= *\/\n\nfunction generate(){\n\n  const pool =\n    levels793d7a[level793d7a]\n    .numbers;\n\n  do{\n\n    currentNumber =\n      pool[\n        Math.floor(\n          Math.random()*pool.length\n        )\n      ];\n\n  } while(\n    used793d7a.includes(currentNumber)\n  );\n\n  used793d7a.push(currentNumber);\n\n  if(used793d7a.length > 50){\n\n    used793d7a = [];\n  }\n\n  document.getElementById(\n    \"number793d7a\"\n  ).innerHTML =\n    currentNumber;\n\n  document.querySelectorAll(\n    '.check793d7a input'\n  ).forEach(\n    box=>box.checked=false\n  );\n\n  document.getElementById(\n    \"feedback793d7a\"\n  ).innerHTML = \"\";\n\n  document.getElementById(\n    \"feedback793d7a\"\n  ).className =\n    \"feedback793d7a\";\n}\n\n\/* =========================\n   REVISAR\n========================= *\/\n\nwindow.check793d7a = function(){\n\n  let selected = [];\n\n  document.querySelectorAll(\n    '.check793d7a input:checked'\n  ).forEach(box=>{\n\n    selected.push(\n      Number(box.value)\n    );\n\n  });\n\n  let correct =\n    divisors.filter(\n      d=>currentNumber%d===0\n    );\n\n  let ok =\n    selected.length===correct.length &&\n    selected.every(\n      v=>correct.includes(v)\n    );\n\n  const fb =\n    document.getElementById(\n      \"feedback793d7a\"\n    );\n\n  if(ok){\n\n    fb.innerHTML =\n      \"&#x1f389; \u00a1Correcto!\";\n\n    fb.className =\n      \"feedback793d7a correct793d7a\";\n\n    progress793d7a++;\n\n    updateProgress793d7a();\n\n  } else {\n\n    fb.innerHTML =\n      \"&#x2728; Revisa las reglas y vuelve a intentar.\";\n\n    fb.className =\n      \"feedback793d7a wrong793d7a\";\n  }\n\n  \/* =========================\n     SUBIR NIVEL\n  ========================= *\/\n\n  if(progress793d7a >= maxProgress793d7a){\n\n    if(level793d7a < 3){\n\n      level793d7a++;\n\n      progress793d7a = 0;\n\n      fb.innerHTML =\n        \"&#x1f3c6; \u00a1Subiste al \" +\n        levels793d7a[level793d7a].label +\n        \"!\";\n\n      updateProgress793d7a();\n\n      setTimeout(()=>{\n        generate();\n      },1200);\n\n    } else {\n\n      fb.innerHTML =\n        \"&#x1f31f; \u00a1Terminaste todos los niveles!\";\n\n      progress793d7a = 0;\n      level793d7a = 1;\n\n      updateProgress793d7a();\n    }\n  }\n}\n\n\/* =========================\n   SIGUIENTE\n========================= *\/\n\nwindow.next793d7a = function(){\n\n  generate();\n\n}\n\n\/* =========================\n   INICIO\n========================= *\/\n\ngenerate();\nupdateProgress793d7a();\n\n})();\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Reglas de divisibilidad Nivel 1 \u2022 F\u00e1cil Entre 2 N\u00famero par Entre 3 Suma de d\u00edgitos m\u00faltiplo de 3 Entre 6 Divisible entre 2 y [&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-1368","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1368","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=1368"}],"version-history":[{"count":6,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1368\/revisions"}],"predecessor-version":[{"id":1411,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1368\/revisions\/1411"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1368"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}