{"id":1397,"date":"2026-05-16T16:41:12","date_gmt":"2026-05-16T16:41:12","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1397"},"modified":"2026-05-18T15:38:17","modified_gmt":"2026-05-18T15:38:17","slug":"simplificacion-de-fracciones","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1397","title":{"rendered":"Simplificaci\u00f3n de fracciones"},"content":{"rendered":"\n<div class=\"simplifyBox793d7a\">\n  <div class=\"simplifyCard793d7a\">\n\n    <h3>\n      Simplifying Fractions Step by Step<br>\n      Simplificar fracciones paso a paso\n    <\/h3>\n\n    <div class=\"definition793d7a\">\n      Para simplificar una fracci\u00f3n,\n      divide el numerador y el denominador\n      entre el mismo n\u00famero.\n      Contin\u00faa hasta llegar a la\n      <strong>m\u00ednima expresi\u00f3n (lowest term)<\/strong>.\n    <\/div>\n\n    <div class=\"map793d7a\">\n\n      <div class=\"ruleCard793d7a\">\n        <div class=\"emoji793d7a\">&#x1f7e3;<\/div>\n        <strong>Caso A<\/strong>\n        Ambos n\u00fameros son divisibles\n        entre 2.\n      <\/div>\n\n      <div class=\"ruleCard793d7a\">\n        <div class=\"emoji793d7a\">&#x1f7e3;<\/div>\n        <strong>Caso B<\/strong>\n        Divide entre 3, 5 u otro\n        factor com\u00fan.\n      <\/div>\n\n      <div class=\"ruleCard793d7a\">\n        <div class=\"emoji793d7a\">&#x1f7e3;<\/div>\n        <strong>Caso C<\/strong>\n        Ya no hay factores comunes.\n        \u00a1Llegaste a la m\u00ednima expresi\u00f3n!\n      <\/div>\n\n    <\/div>\n\n    <!-- NIVEL -->\n\n    <div class=\"level793d7a\"\n         id=\"level793d7a\">\n      Nivel 1 \u2022 F\u00e1cil\n    <\/div>\n\n    <!-- BARRA DE 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    <!-- EJERCICIO -->\n\n    <div class=\"exercise793d7a\">\n\n      <div class=\"fraction793d7a\">\n        <span id=\"num793d7a\">3<\/span>\n        <div class=\"line793d7a\"><\/div>\n        <span id=\"den793d7a\">15<\/span>\n      <\/div>\n\n      <div class=\"symbol793d7a\">\u00f7<\/div>\n\n      <div class=\"fractionSmall793d7a\">\n\n        <input\n          type=\"text\"\n          inputmode=\"numeric\"\n          id=\"divide793d7a\"\n          class=\"smallInput793d7a\"\n          placeholder=\"?\"\n        >\n\n        <div class=\"line793d7a smallLine793d7a\"><\/div>\n\n        <input\n          type=\"text\"\n          inputmode=\"numeric\"\n          id=\"divide2793d7a\"\n          class=\"smallInput793d7a\"\n          placeholder=\"?\"\n        >\n\n      <\/div>\n\n      <div class=\"symbol793d7a\">=<\/div>\n\n      <div class=\"fractionSmall793d7a\">\n\n        <input\n          type=\"text\"\n          inputmode=\"numeric\"\n          id=\"newNum793d7a\"\n          class=\"smallInput793d7a\"\n          placeholder=\"?\"\n        >\n\n        <div class=\"line793d7a smallLine793d7a\"><\/div>\n\n        <input\n          type=\"text\"\n          inputmode=\"numeric\"\n          id=\"newDen793d7a\"\n          class=\"smallInput793d7a\"\n          placeholder=\"?\"\n        >\n\n      <\/div>\n\n    <\/div>\n\n    <p class=\"question793d7a\">\n      Escribe el n\u00famero por el que vas a dividir\n      y el resultado simplificado.\n    <\/p>\n\n    <div class=\"buttons793d7a\">\n\n      <button onclick=\"check793d7a()\">\n        Revisar\n      <\/button>\n\n      <button onclick=\"hint793d7a()\">\n        Pista\n      <\/button>\n\n      <button onclick=\"next793d7a()\">\n        Nuevo ejercicio\n      <\/button>\n\n    <\/div>\n\n    <div id=\"feedback793d7a\"\n         class=\"feedback793d7a\"><\/div>\n\n    <div id=\"explanation793d7a\"\n         class=\"explanation793d7a\"><\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n.simplifyBox793d7a{\n  max-width:1000px;\n  margin:20px auto;\n  font-family:Arial;\n}\n\n.simplifyCard793d7a{\n  border:2px solid #793d7a;\n  border-radius:16px;\n  padding:24px;\n  background:white;\n}\n\n.simplifyCard793d7a h3{\n  color:#793d7a;\n  margin-bottom:20px;\n  line-height:1.4;\n}\n\n.definition793d7a{\n  background:#faf5fb;\n  border-left:6px solid #793d7a;\n  padding:15px;\n  border-radius:12px;\n  margin-bottom:25px;\n  line-height:1.7;\n}\n\n.map793d7a{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:14px;\n  margin-bottom:28px;\n}\n\n.ruleCard793d7a{\n  border:2px solid #793d7a;\n  border-radius:14px;\n  background:#faf5fb;\n  padding:16px;\n  color:#793d7a;\n  line-height:1.5;\n}\n\n.ruleCard793d7a strong{\n  display:block;\n  margin-bottom:8px;\n  font-size:18px;\n}\n\n.emoji793d7a{\n  font-size:28px;\n  margin-bottom:10px;\n}\n\n.level793d7a{\n  background:#793d7a;\n  color:white;\n  padding:12px;\n  border-radius:12px;\n  font-size:20px;\n  font-weight:bold;\n  text-align:center;\n  margin-bottom:20px;\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:25px;\n}\n\n.exercise793d7a{\n  display:flex;\n  align-items:center;\n  gap:20px;\n  flex-wrap:wrap;\n  margin-bottom:24px;\n}\n\n.fraction793d7a,\n.fractionSmall793d7a{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n}\n\n.fraction793d7a{\n  width:90px;\n  font-size:44px;\n  font-weight:bold;\n  color:#793d7a;\n}\n\n.line793d7a{\n  width:100%;\n  border-top:4px solid #793d7a;\n  margin:6px 0;\n}\n\n.smallLine793d7a{\n  border-top:3px solid #793d7a;\n}\n\n.symbol793d7a{\n  font-size:34px;\n  font-weight:bold;\n  color:#793d7a;\n}\n\n.smallInput793d7a{\n  width:70px;\n  padding:10px;\n  border:2px solid #793d7a;\n  border-radius:10px;\n  text-align:center;\n  font-size:24px;\n  outline:none;\n}\n\n.smallInput793d7a:focus{\n  box-shadow:0 0 0 3px rgba(121,61,122,.15);\n}\n\n.question793d7a{\n  font-size:22px;\n  margin-bottom:18px;\n}\n\n.buttons793d7a{\n  margin-top:20px;\n}\n\n.buttons793d7a button{\n  background:#793d7a;\n  color:white;\n  border:none;\n  border-radius:12px;\n  padding:12px 18px;\n  font-size:16px;\n  cursor:pointer;\n  margin-right:10px;\n  margin-bottom:10px;\n}\n\n.feedback793d7a{\n  margin-top:22px;\n  min-height:30px;\n  font-size:24px;\n  font-weight:bold;\n}\n\n.explanation793d7a{\n  margin-top:18px;\n  background:#faf5fb;\n  border-left:6px solid #793d7a;\n  padding:16px;\n  border-radius:12px;\n  line-height:1.8;\n  font-size:18px;\n}\n\n.correct793d7a{\n  color:#2e7d32;\n}\n\n.wrong793d7a{\n  color:#c62828;\n}\n\n@media(max-width:750px){\n\n  .map793d7a{\n    grid-template-columns:1fr;\n  }\n\n  .exercise793d7a{\n    gap:14px;\n  }\n\n  .smallInput793d7a{\n    width:58px;\n    font-size:20px;\n  }\n\n}\n<\/style>\n\n<script>\n(function(){\n\n\/* =========================\n   NIVELES\n========================= *\/\n\nconst levels793d7a = {\n\n  1:{\n    label:\"Nivel 1 \u2022 F\u00e1cil\",\n    exercises:[\n      [2,4],\n      [3,6],\n      [4,8],\n      [5,10],\n      [6,12]\n    ]\n  },\n\n  2:{\n    label:\"Nivel 2 \u2022 Intermedio\",\n    exercises:[\n      [6,18],\n      [8,12],\n      [9,15],\n      [10,25],\n      [12,18],\n      [14,21]\n    ]\n  },\n\n  3:{\n    label:\"Nivel 3 \u2022 Avanzado\",\n    exercises:[\n      [16,24],\n      [18,27],\n      [20,30],\n      [24,36],\n      [28,42],\n      [30,45]\n    ]\n  }\n\n};\n\nlet level793d7a = 1;\nlet current793d7a = [];\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   MCD\n========================= *\/\n\nfunction gcd(a,b){\n\n  while(b !== 0){\n\n    let t = b;\n    b = a % b;\n    a = t;\n  }\n\n  return a;\n}\n\n\/* =========================\n   GENERAR\n========================= *\/\n\nfunction generate793d7a(){\n\n  const pool =\n    levels793d7a[level793d7a]\n    .exercises;\n\n  let chosen;\n  let key;\n\n  do{\n\n    chosen =\n      pool[\n        Math.floor(\n          Math.random()*pool.length\n        )\n      ];\n\n    key =\n      chosen[0] +\n      \"-\" +\n      chosen[1];\n\n  } while(\n    used793d7a.includes(key)\n  );\n\n  used793d7a.push(key);\n\n  if(used793d7a.length > 50){\n\n    used793d7a = [];\n  }\n\n  current793d7a = chosen;\n\n  document.getElementById(\n    \"num793d7a\"\n  ).innerHTML =\n    current793d7a[0];\n\n  document.getElementById(\n    \"den793d7a\"\n  ).innerHTML =\n    current793d7a[1];\n\n  document.getElementById(\n    \"divide793d7a\"\n  ).value = \"\";\n\n  document.getElementById(\n    \"divide2793d7a\"\n  ).value = \"\";\n\n  document.getElementById(\n    \"newNum793d7a\"\n  ).value = \"\";\n\n  document.getElementById(\n    \"newDen793d7a\"\n  ).value = \"\";\n\n  document.getElementById(\n    \"feedback793d7a\"\n  ).innerHTML = \"\";\n\n  document.getElementById(\n    \"feedback793d7a\"\n  ).className =\n    \"feedback793d7a\";\n\n  document.getElementById(\n    \"explanation793d7a\"\n  ).innerHTML = \"\";\n}\n\n\/* =========================\n   REVISAR\n========================= *\/\n\nwindow.check793d7a = function(){\n\n  const num = current793d7a[0];\n  const den = current793d7a[1];\n\n  const divisor =\n    gcd(num,den);\n\n  const userDiv1 =\n    Number(\n      document.getElementById(\n        \"divide793d7a\"\n      ).value\n    );\n\n  const userDiv2 =\n    Number(\n      document.getElementById(\n        \"divide2793d7a\"\n      ).value\n    );\n\n  const userNum =\n    Number(\n      document.getElementById(\n        \"newNum793d7a\"\n      ).value\n    );\n\n  const userDen =\n    Number(\n      document.getElementById(\n        \"newDen793d7a\"\n      ).value\n    );\n\n  const correctNum =\n    num\/divisor;\n\n  const correctDen =\n    den\/divisor;\n\n  const fb =\n    document.getElementById(\n      \"feedback793d7a\"\n    );\n\n  const exp =\n    document.getElementById(\n      \"explanation793d7a\"\n    );\n\n  if(\n    userDiv1 === divisor &&\n    userDiv2 === divisor &&\n    userNum === correctNum &&\n    userDen === correctDen\n  ){\n\n    fb.innerHTML =\n      \"&#x1f389; \u00a1Excelente!\";\n\n    fb.className =\n      \"feedback793d7a correct793d7a\";\n\n    progress793d7a++;\n\n    updateProgress793d7a();\n\n  } else {\n\n    fb.innerHTML =\n      \"&#x2728; Revisa la divisi\u00f3n y vuelve a intentar.\";\n\n    fb.className =\n      \"feedback793d7a wrong793d7a\";\n  }\n\n  let levelText = \"\";\n\n  if(divisor === 2){\n\n    levelText = `\n      <strong>Caso A:<\/strong><br>\n      Ambos n\u00fameros son divisibles entre 2.\n    `;\n\n  } else {\n\n    levelText = `\n      <strong>Caso B:<\/strong><br>\n      Ambos n\u00fameros son divisibles entre ${divisor}.\n    `;\n  }\n\n  exp.innerHTML = `\n    ${levelText}<br><br>\n\n    ${num}\/${den}\n    \u00f7\n    ${divisor}\/${divisor}\n    =\n    ${correctNum}\/${correctDen}\n\n    <br><br>\n\n    ${num} \u00f7 ${divisor} = ${correctNum}<br>\n    ${den} \u00f7 ${divisor} = ${correctDen}\n\n    <br><br>\n\n    <strong>\n    La m\u00ednima expresi\u00f3n es\n    ${correctNum}\/${correctDen}.\n    <\/strong>\n  `;\n\n  \/* =========================\n     CAMBIO DE 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        generate793d7a();\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   PISTA\n========================= *\/\n\nwindow.hint793d7a = function(){\n\n  const num =\n    current793d7a[0];\n\n  const den =\n    current793d7a[1];\n\n  let hint = \"\";\n\n  if(\n    num % 2 === 0 &&\n    den % 2 === 0\n  ){\n\n    hint =\n      \"&#x1f4a1; Ambos n\u00fameros pueden dividirse entre 2.\";\n\n  } else if(\n    num % 3 === 0 &&\n    den % 3 === 0\n  ){\n\n    hint =\n      \"&#x1f4a1; Intenta dividir entre 3.\";\n\n  } else if(\n    num % 5 === 0 &&\n    den % 5 === 0\n  ){\n\n    hint =\n      \"&#x1f4a1; Intenta dividir entre 5.\";\n\n  } else {\n\n    hint =\n      \"&#x1f4a1; Busca un factor com\u00fan.\";\n  }\n\n  document.getElementById(\n    \"feedback793d7a\"\n  ).innerHTML =\n    hint;\n\n  document.getElementById(\n    \"feedback793d7a\"\n  ).className =\n    \"feedback793d7a\";\n}\n\n\/* =========================\n   NUEVO EJERCICIO\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>Simplifying Fractions Step by Step Simplificar fracciones paso a paso Para simplificar una fracci\u00f3n, divide el numerador y el denominador entre el mismo n\u00famero. Contin\u00faa [&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-1397","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1397","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=1397"}],"version-history":[{"count":4,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1397\/revisions"}],"predecessor-version":[{"id":1409,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1397\/revisions\/1409"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}