Identificaci\u00f3n de \u00c1ngulos<\/title>\n\n<style>\n\n*{\n box-sizing:border-box;\n}\n\nbody{\n margin:0;\n background:#F6F2F7;\n font-family:Inter, Arial, sans-serif;\n display:flex;\n justify-content:center;\n padding:24px;\n color:#3F3140;\n}\n\n\/* CONTENEDOR *\/\n\n.app793d7a{\n width:100%;\n max-width:1050px;\n}\n\n.card793d7a{\n background:white;\n border-radius:30px;\n overflow:hidden;\n box-shadow:0 18px 45px rgba(0,0,0,.08);\n}\n\n\/* HEADER *\/\n\n.header793d7a{\n background:#793D7A;\n padding:36px;\n color:white;\n}\n\n.header793d7a h1{\n margin:0;\n font-size:42px;\n font-weight:700;\n letter-spacing:-1px;\n color:white;\n}\n\n.header793d7a p{\n margin-top:12px;\n font-size:18px;\n line-height:1.6;\n color:rgba(255,255,255,.92);\n}\n\n\/* PROGRESS *\/\n\n.progressWrap793d7a{\n margin-top:24px;\n width:100%;\n height:12px;\n background:rgba(255,255,255,.22);\n border-radius:20px;\n overflow:hidden;\n}\n\n.progress793d7a{\n width:0%;\n height:100%;\n background:#F7ECF7;\n transition:.35s;\n}\n\n\/* ESCENA *\/\n\n.scene793d7a{\n position:relative;\n height:520px;\n overflow:hidden;\n background:\n linear-gradient(\n 180deg,\n #F2ECF4 0%,\n #FAF8FB 45%,\n #F3EDF5 100%\n );\n}\n\n\/* GRID *\/\n\n.grid793d7a{\n position:absolute;\n inset:0;\n\n background-image:\n linear-gradient(rgba(121,61,122,.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(121,61,122,.05) 1px, transparent 1px);\n\n background-size:42px 42px;\n}\n\n\/* SVG *\/\n\n.angleWrap793d7a{\n position:absolute;\n left:50%;\n top:50%;\n transform:translate(-50%,-50%);\n width:460px;\n height:460px;\n}\n\n#svg793d7a{\n width:100%;\n height:100%;\n}\n\n\/* INFO *\/\n\n.info793d7a{\n position:absolute;\n left:50%;\n bottom:28px;\n transform:translateX(-50%);\n background:white;\n padding:16px 24px;\n border-radius:18px;\n box-shadow:0 10px 28px rgba(0,0,0,.08);\n text-align:center;\n min-width:280px;\n}\n\n.info793d7a span{\n display:block;\n font-size:13px;\n letter-spacing:1px;\n text-transform:uppercase;\n color:#8A748A;\n}\n\n.info793d7a strong{\n display:block;\n margin-top:6px;\n font-size:21px;\n color:#4A374B;\n}\n\n\/* QUESTION *\/\n\n.question793d7a{\n padding:34px 26px 10px;\n text-align:center;\n}\n\n.question793d7a h2{\n margin:0;\n font-size:34px;\n color:#432F43;\n}\n\n\/* OPTIONS *\/\n\n.options793d7a{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:18px;\n padding:24px;\n}\n\n.option793d7a{\n border:none;\n background:#F3EDF4;\n color:#4A374B;\n border-radius:20px;\n padding:22px;\n font-size:20px;\n font-weight:600;\n cursor:pointer;\n transition:.25s;\n line-height:1.4;\n}\n\n.option793d7a:hover{\n background:#E7D9E8;\n transform:translateY(-2px);\n}\n\n.option793d7a:disabled{\n opacity:.7;\n cursor:default;\n}\n\n\/* FEEDBACK *\/\n\n.feedback793d7a{\n min-height:92px;\n padding:0 34px 26px;\n text-align:center;\n font-size:21px;\n line-height:1.6;\n}\n\n.good793d7a{\n color:#2F7359;\n font-weight:600;\n}\n\n.bad793d7a{\n color:#B15252;\n font-weight:600;\n}\n\n\/* BUTTON *\/\n\n.next793d7a{\n display:none;\n margin:0 auto 36px;\n border:none;\n background:#793D7A;\n color:white;\n padding:18px 34px;\n border-radius:18px;\n font-size:18px;\n font-weight:600;\n cursor:pointer;\n transition:.25s;\n}\n\n.next793d7a:hover{\n background:#683369;\n}\n\n\/* SCORE *\/\n\n.score793d7a{\n text-align:center;\n padding-bottom:36px;\n font-size:20px;\n font-weight:600;\n color:#4A374B;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:760px){\n\n .scene793d7a{\n height:390px;\n }\n\n .angleWrap793d7a{\n width:270px;\n height:270px;\n }\n\n .options793d7a{\n grid-template-columns:1fr;\n }\n\n .header793d7a h1{\n font-size:32px;\n }\n\n .question793d7a h2{\n font-size:27px;\n }\n\n}\n\n<\/style>\n<\/head>\n<body>\n\n<div class=\"app793d7a\">\n\n<div class=\"card793d7a\">\n\n\n\n<div class=\"header793d7a\">\n\n<h1>Identificaci\u00f3n de \u00c1ngulos<\/h1>\n\n<p>\nObserva cada representaci\u00f3n geom\u00e9trica y clasifica correctamente el tipo de \u00e1ngulo.\n<\/p>\n\n<div class=\"progressWrap793d7a\">\n<div class=\"progress793d7a\" id=\"progress793d7a\"><\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"scene793d7a\">\n\n<div class=\"grid793d7a\"><\/div>\n\n<div class=\"angleWrap793d7a\">\n<svg id=\"svg793d7a\" viewBox=\"0 0 400 400\"><\/svg>\n<\/div>\n\n<div class=\"info793d7a\">\n<span>AN\u00c1LISIS GEOM\u00c9TRICO<\/span>\n<strong id=\"exerciseLabel793d7a\">\nClasificaci\u00f3n del \u00e1ngulo\n<\/strong>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"question793d7a\">\n<h2>\u00bfQu\u00e9 tipo de \u00e1ngulo observas?<\/h2>\n<\/div>\n\n\n\n<div class=\"options793d7a\" id=\"options793d7a\"><\/div>\n\n\n\n<div class=\"feedback793d7a\" id=\"feedback793d7a\"><\/div>\n\n\n\n<button class=\"next793d7a\" id=\"next793d7a\">\nSiguiente ejercicio\n<\/button>\n\n\n\n<div class=\"score793d7a\" id=\"score793d7a\">\nPuntaje: 0\n<\/div>\n\n<\/div>\n<\/div>\n\n<script>\n\n\/* EJERCICIOS *\/\n\nconst exercises793d7a = [\n\n{\n angle:25,\n type:'\u00c1ngulo agudo',\n label:'Apertura menor de 90\u00b0'\n},\n\n{\n angle:40,\n type:'\u00c1ngulo agudo',\n label:'Trayectoria estrecha'\n},\n\n{\n angle:55,\n type:'\u00c1ngulo agudo',\n label:'Separaci\u00f3n reducida'\n},\n\n{\n angle:75,\n type:'\u00c1ngulo agudo',\n label:'Inclinaci\u00f3n moderada'\n},\n\n{\n angle:90,\n type:'\u00c1ngulo recto',\n label:'Perpendicularidad'\n},\n\n{\n angle:92,\n type:'\u00c1ngulo obtuso',\n label:'Apertura superior a 90\u00b0'\n},\n\n{\n angle:105,\n type:'\u00c1ngulo obtuso',\n label:'Expansi\u00f3n amplia'\n},\n\n{\n angle:120,\n type:'\u00c1ngulo obtuso',\n label:'Separaci\u00f3n abierta'\n},\n\n{\n angle:145,\n type:'\u00c1ngulo obtuso',\n label:'\u00c1ngulo amplio'\n},\n\n{\n angle:180,\n type:'\u00c1ngulo llano',\n label:'L\u00ednea recta'\n}\n\n];\n\nlet current793d7a = 0;\nlet score793d7a = 0;\n\nshuffle793d7a(exercises793d7a);\n\n\/* SHUFFLE *\/\n\nfunction shuffle793d7a(array){\n\n for(let i=array.length-1;i>0;i--){\n\n const j=Math.floor(Math.random()*(i+1));\n\n [array[i],array[j]]=[array[j],array[i]];\n\n }\n\n}\n\n\/* DIBUJO *\/\n\nfunction draw793d7a(angle){\n\nconst svg =\ndocument.getElementById('svg793d7a');\n\nconst cx = 200;\nconst cy = 300;\nconst r = 150;\n\nconst rad = angle*Math.PI\/180;\n\nconst x2 = cx+r;\nconst y2 = cy;\n\nconst x3 = cx+r*Math.cos(-rad);\nconst y3 = cy+r*Math.sin(-rad);\n\nsvg.innerHTML = `\n\n\n\n<path\nd=\"M45 320 Q200 215 355 320\"\nstroke=\"#DAC8DC\"\nstroke-width=\"30\"\nfill=\"none\"\nstroke-linecap=\"round\"\n\/>\n\n\n\n<line\nx1=\"${cx}\"\ny1=\"${cy}\"\nx2=\"${x2}\"\ny2=\"${y2}\"\nstroke=\"#793D7A\"\nstroke-width=\"16\"\nstroke-linecap=\"round\"\n\/>\n\n\n\n<line\nx1=\"${cx}\"\ny1=\"${cy}\"\nx2=\"${x3}\"\ny2=\"${y3}\"\nstroke=\"#793D7A\"\nstroke-width=\"16\"\nstroke-linecap=\"round\"\n\/>\n\n\n\n<path\nd=\"M270 300 A70 70 0 0 0 ${200+70*Math.cos(-rad)} ${300+70*Math.sin(-rad)}\"\nfill=\"none\"\nstroke=\"#C791C7\"\nstroke-width=\"10\"\nstroke-linecap=\"round\"\n\/>\n\n\n\n<circle\ncx=\"${cx}\"\ncy=\"${cy}\"\nr=\"14\"\nfill=\"#5A295A\"\n\/>\n\n`;\n\n}\n\n\/* LOAD *\/\n\nfunction load793d7a(){\n\nconst ex =\nexercises793d7a[current793d7a];\n\ndraw793d7a(ex.angle);\n\ndocument.getElementById(\n'exerciseLabel793d7a'\n).innerHTML = ex.label;\n\nconst options = [\n\n'\u00c1ngulo agudo',\n'\u00c1ngulo recto',\n'\u00c1ngulo obtuso',\n'\u00c1ngulo llano'\n\n];\n\nshuffle793d7a(options);\n\nconst box =\ndocument.getElementById(\n'options793d7a'\n);\n\nbox.innerHTML='';\n\noptions.forEach(option=>{\n\nconst btn =\ndocument.createElement('button');\n\nbtn.className='option793d7a';\n\nbtn.innerHTML=option;\n\nbtn.onclick=()=>check793d7a(option);\n\nbox.appendChild(btn);\n\n});\n\nupdateProgress793d7a();\n\ndocument.getElementById(\n'feedback793d7a'\n).innerHTML='';\n\ndocument.getElementById(\n'next793d7a'\n).style.display='none';\n\n}\n\n\/* CHECK *\/\n\nfunction check793d7a(answer){\n\nconst ex =\nexercises793d7a[current793d7a];\n\nconst feedback =\ndocument.getElementById(\n'feedback793d7a'\n);\n\nconst buttons =\ndocument.querySelectorAll(\n'.option793d7a'\n);\n\nbuttons.forEach(btn=>\nbtn.disabled=true\n);\n\nif(answer===ex.type){\n\nscore793d7a += 10;\n\nfeedback.innerHTML=`\n\n<div class=\"good793d7a\">\nCorrecto. La figura representa un <strong>${ex.type}<\/strong>.\n<\/div>\n\n`;\n\n}else{\n\nfeedback.innerHTML=`\n\n<div class=\"bad793d7a\">\nLa respuesta correcta es <strong>${ex.type}<\/strong>.\n<\/div>\n\n`;\n\n}\n\ndocument.getElementById(\n'score793d7a'\n).innerHTML =\n`Puntaje: ${score793d7a}`;\n\ndocument.getElementById(\n'next793d7a'\n).style.display='block';\n\n}\n\n\/* PROGRESS *\/\n\nfunction updateProgress793d7a(){\n\nconst percent =\n(current793d7a\/exercises793d7a.length)*100;\n\ndocument.getElementById(\n'progress793d7a'\n).style.width =\npercent+'%';\n\n}\n\n\/* NEXT *\/\n\ndocument.getElementById(\n'next793d7a'\n).onclick=()=>{\n\ncurrent793d7a++;\n\nif(current793d7a>=\nexercises793d7a.length){\n\ndocument.querySelector(\n'.scene793d7a'\n).innerHTML = `\n\n<div style=\"\nheight:100%;\ndisplay:flex;\njustify-content:center;\nalign-items:center;\nflex-direction:column;\ntext-align:center;\npadding:40px;\n\">\n\n<h2 style=\"\nfont-size:48px;\ncolor:#4A374B;\nmargin-bottom:12px;\n\">\nEvaluaci\u00f3n completada\n<\/h2>\n\n<p style=\"\nfont-size:22px;\nmax-width:700px;\nline-height:1.6;\ncolor:#6C5B6C;\n\">\nHas identificado correctamente diferentes tipos de \u00e1ngulos geom\u00e9tricos.\n<\/p>\n\n<\/div>\n\n`;\n\ndocument.querySelector(\n'.question793d7a'\n).innerHTML =\n`<h2>Puntaje final: ${score793d7a}<\/h2>`;\n\ndocument.getElementById(\n'options793d7a'\n).style.display='none';\n\ndocument.getElementById(\n'feedback793d7a'\n).style.display='none';\n\ndocument.getElementById(\n'next793d7a'\n).style.display='none';\n\ndocument.getElementById(\n'progress793d7a'\n).style.width='100%';\n\nreturn;\n\n}\n\nload793d7a();\n\n};\n\nload793d7a();\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Identificaci\u00f3n de \u00c1ngulos Identificaci\u00f3n de \u00c1ngulos Observa cada representaci\u00f3n geom\u00e9trica y clasifica correctamente el tipo de \u00e1ngulo. AN\u00c1LISIS GEOM\u00c9TRICO Clasificaci\u00f3n del \u00e1ngulo \u00bfQu\u00e9 tipo de […]<\/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-1520","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1520","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=1520"}],"version-history":[{"count":7,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1520\/revisions"}],"predecessor-version":[{"id":1530,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1520\/revisions\/1530"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1520,"date":"2026-05-26T17:57:51","date_gmt":"2026-05-26T17:57:51","guid":{"rendered":"https:\/\/cuentoskecuentan.com\/?page_id=1520"},"modified":"2026-05-26T18:57:44","modified_gmt":"2026-05-26T18:57:44","slug":"angulos","status":"publish","type":"page","link":"https:\/\/cuentoskecuentan.com\/?page_id=1520","title":{"rendered":"\u00c1ngulos"},"content":{"rendered":"\n\n\n\n\n\nIdentificaci\u00f3n de \u00c1ngulos<\/title>\n\n<style>\n\n*{\n box-sizing:border-box;\n}\n\nbody{\n margin:0;\n background:#F6F2F7;\n font-family:Inter, Arial, sans-serif;\n display:flex;\n justify-content:center;\n padding:24px;\n color:#3F3140;\n}\n\n\/* CONTENEDOR *\/\n\n.app793d7a{\n width:100%;\n max-width:1050px;\n}\n\n.card793d7a{\n background:white;\n border-radius:30px;\n overflow:hidden;\n box-shadow:0 18px 45px rgba(0,0,0,.08);\n}\n\n\/* HEADER *\/\n\n.header793d7a{\n background:#793D7A;\n padding:36px;\n color:white;\n}\n\n.header793d7a h1{\n margin:0;\n font-size:42px;\n font-weight:700;\n letter-spacing:-1px;\n color:white;\n}\n\n.header793d7a p{\n margin-top:12px;\n font-size:18px;\n line-height:1.6;\n color:rgba(255,255,255,.92);\n}\n\n\/* PROGRESS *\/\n\n.progressWrap793d7a{\n margin-top:24px;\n width:100%;\n height:12px;\n background:rgba(255,255,255,.22);\n border-radius:20px;\n overflow:hidden;\n}\n\n.progress793d7a{\n width:0%;\n height:100%;\n background:#F7ECF7;\n transition:.35s;\n}\n\n\/* ESCENA *\/\n\n.scene793d7a{\n position:relative;\n height:520px;\n overflow:hidden;\n background:\n linear-gradient(\n 180deg,\n #F2ECF4 0%,\n #FAF8FB 45%,\n #F3EDF5 100%\n );\n}\n\n\/* GRID *\/\n\n.grid793d7a{\n position:absolute;\n inset:0;\n\n background-image:\n linear-gradient(rgba(121,61,122,.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(121,61,122,.05) 1px, transparent 1px);\n\n background-size:42px 42px;\n}\n\n\/* SVG *\/\n\n.angleWrap793d7a{\n position:absolute;\n left:50%;\n top:50%;\n transform:translate(-50%,-50%);\n width:460px;\n height:460px;\n}\n\n#svg793d7a{\n width:100%;\n height:100%;\n}\n\n\/* INFO *\/\n\n.info793d7a{\n position:absolute;\n left:50%;\n bottom:28px;\n transform:translateX(-50%);\n background:white;\n padding:16px 24px;\n border-radius:18px;\n box-shadow:0 10px 28px rgba(0,0,0,.08);\n text-align:center;\n min-width:280px;\n}\n\n.info793d7a span{\n display:block;\n font-size:13px;\n letter-spacing:1px;\n text-transform:uppercase;\n color:#8A748A;\n}\n\n.info793d7a strong{\n display:block;\n margin-top:6px;\n font-size:21px;\n color:#4A374B;\n}\n\n\/* QUESTION *\/\n\n.question793d7a{\n padding:34px 26px 10px;\n text-align:center;\n}\n\n.question793d7a h2{\n margin:0;\n font-size:34px;\n color:#432F43;\n}\n\n\/* OPTIONS *\/\n\n.options793d7a{\n display:grid;\n grid-template-columns:repeat(2,1fr);\n gap:18px;\n padding:24px;\n}\n\n.option793d7a{\n border:none;\n background:#F3EDF4;\n color:#4A374B;\n border-radius:20px;\n padding:22px;\n font-size:20px;\n font-weight:600;\n cursor:pointer;\n transition:.25s;\n line-height:1.4;\n}\n\n.option793d7a:hover{\n background:#E7D9E8;\n transform:translateY(-2px);\n}\n\n.option793d7a:disabled{\n opacity:.7;\n cursor:default;\n}\n\n\/* FEEDBACK *\/\n\n.feedback793d7a{\n min-height:92px;\n padding:0 34px 26px;\n text-align:center;\n font-size:21px;\n line-height:1.6;\n}\n\n.good793d7a{\n color:#2F7359;\n font-weight:600;\n}\n\n.bad793d7a{\n color:#B15252;\n font-weight:600;\n}\n\n\/* BUTTON *\/\n\n.next793d7a{\n display:none;\n margin:0 auto 36px;\n border:none;\n background:#793D7A;\n color:white;\n padding:18px 34px;\n border-radius:18px;\n font-size:18px;\n font-weight:600;\n cursor:pointer;\n transition:.25s;\n}\n\n.next793d7a:hover{\n background:#683369;\n}\n\n\/* SCORE *\/\n\n.score793d7a{\n text-align:center;\n padding-bottom:36px;\n font-size:20px;\n font-weight:600;\n color:#4A374B;\n}\n\n\/* MOBILE *\/\n\n@media(max-width:760px){\n\n .scene793d7a{\n height:390px;\n }\n\n .angleWrap793d7a{\n width:270px;\n height:270px;\n }\n\n .options793d7a{\n grid-template-columns:1fr;\n }\n\n .header793d7a h1{\n font-size:32px;\n }\n\n .question793d7a h2{\n font-size:27px;\n }\n\n}\n\n<\/style>\n<\/head>\n<body>\n\n<div class=\"app793d7a\">\n\n<div class=\"card793d7a\">\n\n\n\n<div class=\"header793d7a\">\n\n<h1>Identificaci\u00f3n de \u00c1ngulos<\/h1>\n\n<p>\nObserva cada representaci\u00f3n geom\u00e9trica y clasifica correctamente el tipo de \u00e1ngulo.\n<\/p>\n\n<div class=\"progressWrap793d7a\">\n<div class=\"progress793d7a\" id=\"progress793d7a\"><\/div>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"scene793d7a\">\n\n<div class=\"grid793d7a\"><\/div>\n\n<div class=\"angleWrap793d7a\">\n<svg id=\"svg793d7a\" viewBox=\"0 0 400 400\"><\/svg>\n<\/div>\n\n<div class=\"info793d7a\">\n<span>AN\u00c1LISIS GEOM\u00c9TRICO<\/span>\n<strong id=\"exerciseLabel793d7a\">\nClasificaci\u00f3n del \u00e1ngulo\n<\/strong>\n<\/div>\n\n<\/div>\n\n\n\n<div class=\"question793d7a\">\n<h2>\u00bfQu\u00e9 tipo de \u00e1ngulo observas?<\/h2>\n<\/div>\n\n\n\n<div class=\"options793d7a\" id=\"options793d7a\"><\/div>\n\n\n\n<div class=\"feedback793d7a\" id=\"feedback793d7a\"><\/div>\n\n\n\n<button class=\"next793d7a\" id=\"next793d7a\">\nSiguiente ejercicio\n<\/button>\n\n\n\n<div class=\"score793d7a\" id=\"score793d7a\">\nPuntaje: 0\n<\/div>\n\n<\/div>\n<\/div>\n\n<script>\n\n\/* EJERCICIOS *\/\n\nconst exercises793d7a = [\n\n{\n angle:25,\n type:'\u00c1ngulo agudo',\n label:'Apertura menor de 90\u00b0'\n},\n\n{\n angle:40,\n type:'\u00c1ngulo agudo',\n label:'Trayectoria estrecha'\n},\n\n{\n angle:55,\n type:'\u00c1ngulo agudo',\n label:'Separaci\u00f3n reducida'\n},\n\n{\n angle:75,\n type:'\u00c1ngulo agudo',\n label:'Inclinaci\u00f3n moderada'\n},\n\n{\n angle:90,\n type:'\u00c1ngulo recto',\n label:'Perpendicularidad'\n},\n\n{\n angle:92,\n type:'\u00c1ngulo obtuso',\n label:'Apertura superior a 90\u00b0'\n},\n\n{\n angle:105,\n type:'\u00c1ngulo obtuso',\n label:'Expansi\u00f3n amplia'\n},\n\n{\n angle:120,\n type:'\u00c1ngulo obtuso',\n label:'Separaci\u00f3n abierta'\n},\n\n{\n angle:145,\n type:'\u00c1ngulo obtuso',\n label:'\u00c1ngulo amplio'\n},\n\n{\n angle:180,\n type:'\u00c1ngulo llano',\n label:'L\u00ednea recta'\n}\n\n];\n\nlet current793d7a = 0;\nlet score793d7a = 0;\n\nshuffle793d7a(exercises793d7a);\n\n\/* SHUFFLE *\/\n\nfunction shuffle793d7a(array){\n\n for(let i=array.length-1;i>0;i--){\n\n const j=Math.floor(Math.random()*(i+1));\n\n [array[i],array[j]]=[array[j],array[i]];\n\n }\n\n}\n\n\/* DIBUJO *\/\n\nfunction draw793d7a(angle){\n\nconst svg =\ndocument.getElementById('svg793d7a');\n\nconst cx = 200;\nconst cy = 300;\nconst r = 150;\n\nconst rad = angle*Math.PI\/180;\n\nconst x2 = cx+r;\nconst y2 = cy;\n\nconst x3 = cx+r*Math.cos(-rad);\nconst y3 = cy+r*Math.sin(-rad);\n\nsvg.innerHTML = `\n\n\n\n<path\nd=\"M45 320 Q200 215 355 320\"\nstroke=\"#DAC8DC\"\nstroke-width=\"30\"\nfill=\"none\"\nstroke-linecap=\"round\"\n\/>\n\n\n\n<line\nx1=\"${cx}\"\ny1=\"${cy}\"\nx2=\"${x2}\"\ny2=\"${y2}\"\nstroke=\"#793D7A\"\nstroke-width=\"16\"\nstroke-linecap=\"round\"\n\/>\n\n\n\n<line\nx1=\"${cx}\"\ny1=\"${cy}\"\nx2=\"${x3}\"\ny2=\"${y3}\"\nstroke=\"#793D7A\"\nstroke-width=\"16\"\nstroke-linecap=\"round\"\n\/>\n\n\n\n<path\nd=\"M270 300 A70 70 0 0 0 ${200+70*Math.cos(-rad)} ${300+70*Math.sin(-rad)}\"\nfill=\"none\"\nstroke=\"#C791C7\"\nstroke-width=\"10\"\nstroke-linecap=\"round\"\n\/>\n\n\n\n<circle\ncx=\"${cx}\"\ncy=\"${cy}\"\nr=\"14\"\nfill=\"#5A295A\"\n\/>\n\n`;\n\n}\n\n\/* LOAD *\/\n\nfunction load793d7a(){\n\nconst ex =\nexercises793d7a[current793d7a];\n\ndraw793d7a(ex.angle);\n\ndocument.getElementById(\n'exerciseLabel793d7a'\n).innerHTML = ex.label;\n\nconst options = [\n\n'\u00c1ngulo agudo',\n'\u00c1ngulo recto',\n'\u00c1ngulo obtuso',\n'\u00c1ngulo llano'\n\n];\n\nshuffle793d7a(options);\n\nconst box =\ndocument.getElementById(\n'options793d7a'\n);\n\nbox.innerHTML='';\n\noptions.forEach(option=>{\n\nconst btn =\ndocument.createElement('button');\n\nbtn.className='option793d7a';\n\nbtn.innerHTML=option;\n\nbtn.onclick=()=>check793d7a(option);\n\nbox.appendChild(btn);\n\n});\n\nupdateProgress793d7a();\n\ndocument.getElementById(\n'feedback793d7a'\n).innerHTML='';\n\ndocument.getElementById(\n'next793d7a'\n).style.display='none';\n\n}\n\n\/* CHECK *\/\n\nfunction check793d7a(answer){\n\nconst ex =\nexercises793d7a[current793d7a];\n\nconst feedback =\ndocument.getElementById(\n'feedback793d7a'\n);\n\nconst buttons =\ndocument.querySelectorAll(\n'.option793d7a'\n);\n\nbuttons.forEach(btn=>\nbtn.disabled=true\n);\n\nif(answer===ex.type){\n\nscore793d7a += 10;\n\nfeedback.innerHTML=`\n\n<div class=\"good793d7a\">\nCorrecto. La figura representa un <strong>${ex.type}<\/strong>.\n<\/div>\n\n`;\n\n}else{\n\nfeedback.innerHTML=`\n\n<div class=\"bad793d7a\">\nLa respuesta correcta es <strong>${ex.type}<\/strong>.\n<\/div>\n\n`;\n\n}\n\ndocument.getElementById(\n'score793d7a'\n).innerHTML =\n`Puntaje: ${score793d7a}`;\n\ndocument.getElementById(\n'next793d7a'\n).style.display='block';\n\n}\n\n\/* PROGRESS *\/\n\nfunction updateProgress793d7a(){\n\nconst percent =\n(current793d7a\/exercises793d7a.length)*100;\n\ndocument.getElementById(\n'progress793d7a'\n).style.width =\npercent+'%';\n\n}\n\n\/* NEXT *\/\n\ndocument.getElementById(\n'next793d7a'\n).onclick=()=>{\n\ncurrent793d7a++;\n\nif(current793d7a>=\nexercises793d7a.length){\n\ndocument.querySelector(\n'.scene793d7a'\n).innerHTML = `\n\n<div style=\"\nheight:100%;\ndisplay:flex;\njustify-content:center;\nalign-items:center;\nflex-direction:column;\ntext-align:center;\npadding:40px;\n\">\n\n<h2 style=\"\nfont-size:48px;\ncolor:#4A374B;\nmargin-bottom:12px;\n\">\nEvaluaci\u00f3n completada\n<\/h2>\n\n<p style=\"\nfont-size:22px;\nmax-width:700px;\nline-height:1.6;\ncolor:#6C5B6C;\n\">\nHas identificado correctamente diferentes tipos de \u00e1ngulos geom\u00e9tricos.\n<\/p>\n\n<\/div>\n\n`;\n\ndocument.querySelector(\n'.question793d7a'\n).innerHTML =\n`<h2>Puntaje final: ${score793d7a}<\/h2>`;\n\ndocument.getElementById(\n'options793d7a'\n).style.display='none';\n\ndocument.getElementById(\n'feedback793d7a'\n).style.display='none';\n\ndocument.getElementById(\n'next793d7a'\n).style.display='none';\n\ndocument.getElementById(\n'progress793d7a'\n).style.width='100%';\n\nreturn;\n\n}\n\nload793d7a();\n\n};\n\nload793d7a();\n\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Identificaci\u00f3n de \u00c1ngulos Identificaci\u00f3n de \u00c1ngulos Observa cada representaci\u00f3n geom\u00e9trica y clasifica correctamente el tipo de \u00e1ngulo. AN\u00c1LISIS GEOM\u00c9TRICO Clasificaci\u00f3n del \u00e1ngulo \u00bfQu\u00e9 tipo de […]<\/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-1520","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1520","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=1520"}],"version-history":[{"count":7,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1520\/revisions"}],"predecessor-version":[{"id":1530,"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=\/wp\/v2\/pages\/1520\/revisions\/1530"}],"wp:attachment":[{"href":"https:\/\/cuentoskecuentan.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}