{"id":1623,"date":"2026-06-12T17:25:38","date_gmt":"2026-06-12T17:25:38","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1623"},"modified":"2026-06-12T18:21:33","modified_gmt":"2026-06-12T18:21:33","slug":"factores","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1623","title":{"rendered":"Factores"},"content":{"rendered":"\n<div class=\"factorBox793d7a\">\n  <div class=\"factorCard793d7a\">\n\n    <h3>Descomposici\u00f3n en Factores<\/h3>\n\n    <div class=\"level793d7a\" id=\"level793d7a\">\n      Nivel 1 \u2022 F\u00e1cil\n    <\/div>\n\n    <div class=\"help793d7a\">\n      Encuentra todos los factores del n\u00famero.\n      <br>\n      Escr\u00edbelos en orden, del menor al mayor.\n    <\/div>\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    <div class=\"number793d7a\"\n         id=\"number793d7a\">\n      24\n    <\/div>\n\n    <div class=\"factorCount793d7a\"\n         id=\"factorCount793d7a\">\n      Este n\u00famero tiene 8 factores.\n    <\/div>\n\n    <div id=\"inputs793d7a\"\n         class=\"inputs793d7a\">\n    <\/div>\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\n.factorBox793d7a{\n  max-width:900px;\n  margin:20px auto;\n  font-family:Arial,sans-serif;\n}\n\n.factorCard793d7a{\n  border:2px solid #793d7a;\n  border-radius:18px;\n  padding:24px;\n  background:white;\n}\n\n.factorCard793d7a 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:20px;\n}\n\n.help793d7a{\n  background:#faf5fb;\n  border:2px solid #ead9ea;\n  color:#793d7a;\n  padding:16px;\n  border-radius:12px;\n  text-align:center;\n  margin-bottom:20px;\n  line-height:1.6;\n}\n\n.progressWrap793d7a{\n  width:100%;\n  height:22px;\n  background:#ead9ea;\n  border-radius:999px;\n  overflow:hidden;\n}\n\n.progressBar793d7a{\n  width:0%;\n  height:100%;\n  background:linear-gradient(\n    90deg,\n    #793d7a,\n    #c46bc6\n  );\n  transition:.4s;\n}\n\n.progressText793d7a{\n  text-align:center;\n  color:#793d7a;\n  font-weight:bold;\n  margin:10px 0 24px;\n}\n\n.number793d7a{\n  text-align:center;\n  font-size:64px;\n  font-weight:bold;\n  color:#793d7a;\n}\n\n.factorCount793d7a{\n  text-align:center;\n  margin-top:10px;\n  margin-bottom:24px;\n  font-size:20px;\n  font-weight:bold;\n  color:#793d7a;\n}\n\n.inputs793d7a{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:10px;\n}\n\n.factorInput793d7a{\n  width:80px;\n  height:55px;\n  text-align:center;\n  font-size:22px;\n  border:2px solid #793d7a;\n  border-radius:12px;\n}\n\n.factorInput793d7a.correct793d7a{\n  background:#e8f5e9;\n  border-color:#2e7d32;\n  color:#2e7d32;\n}\n\n.factorInput793d7a.wrong793d7a{\n  background:#ffebee;\n  border-color:#c62828;\n  color:#c62828;\n}\n\n.buttons793d7a{\n  margin-top:24px;\n  text-align:center;\n}\n\n.buttons793d7a button{\n  background:#793d7a;\n  color:white;\n  border:none;\n  border-radius:12px;\n  padding:12px 22px;\n  margin:0 6px;\n  cursor:pointer;\n  font-size:16px;\n}\n\n.buttons793d7a button:hover{\n  transform:scale(1.03);\n}\n\n.feedback793d7a{\n  text-align:center;\n  margin-top:20px;\n  font-size:22px;\n  font-weight:bold;\n  min-height:30px;\n}\n\n.feedback793d7a.correct{\n  color:#2e7d32;\n}\n\n.feedback793d7a.wrong{\n  color:#c62828;\n}\n\n@media(max-width:600px){\n\n  .number793d7a{\n    font-size:50px;\n  }\n\n  .factorInput793d7a{\n    width:65px;\n    height:50px;\n    font-size:18px;\n  }\n\n}\n\n<\/style>\n\n<script>\n\n(function(){\n\nlet level793d7a = 1;\nlet progress793d7a = 0;\nlet currentNumber793d7a = 24;\nlet correctFactors793d7a = [];\n\nconst maxProgress793d7a = 10;\n\n\/* ==========================\n   FACTORES\n========================== *\/\n\nfunction getFactors793d7a(n){\n\n  let factors = [];\n\n  for(let i=1;i<=n;i++){\n\n    if(n%i===0){\n\n      factors.push(i);\n\n    }\n\n  }\n\n  return factors;\n}\n\n\/* ==========================\n   N\u00daMEROS ALEATORIOS\n========================== *\/\n\nfunction randomNumber793d7a(){\n\n  let min,max,maxFactors;\n\n  if(level793d7a===1){\n\n    min=10;\n    max=50;\n    maxFactors=8;\n\n  }else if(level793d7a===2){\n\n    min=51;\n    max=120;\n    maxFactors=10;\n\n  }else{\n\n    min=121;\n    max=300;\n    maxFactors=12;\n\n  }\n\n  let n;\n  let factors;\n\n  do{\n\n    n=\n    Math.floor(\n      Math.random()*(max-min+1)\n    )+min;\n\n    factors=getFactors793d7a(n);\n\n  }while(\n    factors.length<4 ||\n    factors.length>maxFactors\n  );\n\n  correctFactors793d7a=factors;\n\n  return n;\n}\n\n\/* ==========================\n   PROGRESO\n========================== *\/\n\nfunction updateProgress793d7a(){\n\n  let percent=\n  (progress793d7a\/maxProgress793d7a)*100;\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  const levelText=\n  [\n    \"\",\n    \"Nivel 1 \u2022 F\u00e1cil\",\n    \"Nivel 2 \u2022 Intermedio\",\n    \"Nivel 3 \u2022 Avanzado\"\n  ];\n\n  document.getElementById(\n    \"level793d7a\"\n  ).innerHTML=\n  levelText[level793d7a];\n}\n\n\/* ==========================\n   GENERAR EJERCICIO\n========================== *\/\n\nfunction generate793d7a(){\n\n  currentNumber793d7a=\n  randomNumber793d7a();\n\n  document.getElementById(\n    \"number793d7a\"\n  ).innerHTML=\n  currentNumber793d7a;\n\n  document.getElementById(\n    \"factorCount793d7a\"\n  ).innerHTML=\n  \"Este n\u00famero tiene \"+\n  correctFactors793d7a.length+\n  \" factores.\";\n\n  let html=\"\";\n\n  for(\n    let i=0;\n    i<correctFactors793d7a.length;\n    i++\n  ){\n\n    html+=`\n      <input\n      type=\"number\"\n      class=\"factorInput793d7a\"\n      inputmode=\"numeric\">\n    `;\n  }\n\n  document.getElementById(\n    \"inputs793d7a\"\n  ).innerHTML=\n  html;\n\n  document.getElementById(\n    \"feedback793d7a\"\n  ).innerHTML=\"\";\n}\n\n\/* ==========================\n   REVISAR\n========================== *\/\n\nwindow.check793d7a=function(){\n\n  const inputs=\n  document.querySelectorAll(\n    \".factorInput793d7a\"\n  );\n\n  let allCorrect=true;\n\n  inputs.forEach((input,index)=>{\n\n    input.classList.remove(\n      \"correct793d7a\",\n      \"wrong793d7a\"\n    );\n\n    const value=\n    Number(input.value);\n\n    if(\n      value===\n      correctFactors793d7a[index]\n    ){\n\n      input.classList.add(\n        \"correct793d7a\"\n      );\n\n    }else{\n\n      input.classList.add(\n        \"wrong793d7a\"\n      );\n\n      allCorrect=false;\n    }\n\n  });\n\n  const fb=\n  document.getElementById(\n    \"feedback793d7a\"\n  );\n\n  if(allCorrect){\n\n    fb.innerHTML=\n    \"&#x1f389; \u00a1Correcto!\";\n\n    fb.className=\n    \"feedback793d7a correct\";\n\n    progress793d7a++;\n\n    updateProgress793d7a();\n\n  }else{\n\n    fb.innerHTML=\n    \"&#x274c; Revisa las casillas marcadas.\";\n\n    fb.className=\n    \"feedback793d7a wrong\";\n  }\n\n  if(\n    progress793d7a>=\n    maxProgress793d7a\n  ){\n\n    if(level793d7a<3){\n\n      level793d7a++;\n      progress793d7a=0;\n\n      updateProgress793d7a();\n\n      fb.innerHTML=\n      \"&#x1f3c6; \u00a1Subiste de nivel!\";\n\n    }else{\n\n      fb.innerHTML=\n      \"&#x1f31f; \u00a1Completaste todos los niveles!\";\n\n      level793d7a=1;\n      progress793d7a=0;\n\n      updateProgress793d7a();\n    }\n\n  }\n\n};\n\n\/* ==========================\n   SIGUIENTE\n========================== *\/\n\nwindow.next793d7a=function(){\n\n  generate793d7a();\n\n};\n\n\/* ==========================\n   INICIO\n========================== *\/\n\ngenerate793d7a();\nupdateProgress793d7a();\n\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Descomposici\u00f3n en Factores Nivel 1 \u2022 F\u00e1cil Encuentra todos los factores del n\u00famero. Escr\u00edbelos en orden, del menor al mayor. Progreso: 0% 24 Este n\u00famero [&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-1623","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1623","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=1623"}],"version-history":[{"count":4,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1623\/revisions"}],"predecessor-version":[{"id":1629,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1623\/revisions\/1629"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}