{"id":7652,"date":"2026-11-05T17:40:36","date_gmt":"2026-11-05T20:40:36","guid":{"rendered":"https:\/\/www.escuelathays.mendoza.edu.ar\/?page_id=7652"},"modified":"2026-11-06T10:42:29","modified_gmt":"2026-11-06T13:42:29","slug":"diagramas-de-venn","status":"publish","type":"page","link":"https:\/\/www.escuelathays.mendoza.edu.ar\/?page_id=7652","title":{"rendered":"Diagramas de Venn"},"content":{"rendered":"\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<div id=\"game-portal-wrapper\" style=\"background-color: #08090d; color: #f8fafc; min-height: 85vh; display: flex; justify-content: center; align-items: center; padding: 20px 10px; border-radius: 20px; margin: 20px 0;\">\n\n  <div class=\"max-w-2xl w-full rounded-3xl p-6 relative\" style=\"background-color: #141624; border: 1px solid rgba(20, 184, 166, 0.4); box-shadow: 0 0 30px rgba(20, 184, 166, 0.15);\">\n    \n    <!-- Enlace de regreso al portal -->\n    <div class=\"mb-4 text-left\">\n      <a href=\"https:\/\/www.escuelathays.mendoza.edu.ar\/?page_id=7474\" class=\"text-xs font-bold text-slate-400 hover:text-teal-400 transition-colors\">\n        \u2190 Volver al Portal\n      <\/a>\n    <\/div>\n\n    <!-- Header -->\n    <div class=\"flex justify-between items-center mb-6\">\n      <div>\n        <h1 class=\"text-2xl font-black text-teal-400\">\ud83d\udd35 Diagramas de Venn<\/h1>\n        <p class=\"text-xs text-slate-400\">Operaciones de uni\u00f3n, intersecci\u00f3n y diferencia<\/p>\n      <\/div>\n      <div class=\"bg-slate-900 px-4 py-2 rounded-xl border border-slate-700 text-center\">\n        <span class=\"text-[10px] text-slate-400 block tracking-wider\">PUNTOS<\/span>\n        <span id=\"score\" class=\"text-xl font-bold text-amber-400\">0<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- SVG Venn Contenedor -->\n    <div id=\"venn-svg-box\" class=\"bg-slate-950 p-6 rounded-2xl border border-teal-500\/30 flex justify-center items-center mb-6\" style=\"min-height: 160px;\">\n      <svg width=\"260\" height=\"150\" viewBox=\"0 0 260 150\" style=\"display: block;\">\n        <circle cx=\"95\" cy=\"75\" r=\"55\" fill=\"rgba(20, 184, 166, 0.25)\" stroke=\"#14b8a6\" stroke-width=\"2\"\/>\n        <circle cx=\"165\" cy=\"75\" r=\"55\" fill=\"rgba(59, 130, 246, 0.25)\" stroke=\"#3b82f6\" stroke-width=\"2\"\/>\n        <text x=\"75\" y=\"75\" fill=\"#2dd4bf\" font-weight=\"bold\" font-size=\"14\">A<\/text>\n        <text x=\"175\" y=\"75\" fill=\"#60a5fa\" font-weight=\"bold\" font-size=\"14\">B<\/text>\n      <\/svg>\n    <\/div>\n\n    <!-- Pregunta -->\n    <div class=\"bg-slate-950 p-4 rounded-xl border border-slate-700 text-center mb-6\">\n      <p class=\"text-xs text-teal-400 uppercase tracking-widest mb-1 font-bold\">Identifica la operaci\u00f3n:<\/p>\n      <div id=\"venn-question\" class=\"text-lg font-bold text-white\">\u00bfQu\u00e9 operaci\u00f3n representa los elementos comunes a A y B?<\/div>\n    <\/div>\n\n    <!-- Opciones -->\n    <div id=\"venn-options\" class=\"grid grid-cols-2 gap-4 mb-4\" style=\"min-height: 120px;\">\n      <!-- Opciones din\u00e1micas -->\n    <\/div>\n\n    <!-- Feedback -->\n    <div id=\"feedback\" class=\"h-6 text-center text-sm font-bold mb-2\"><\/div>\n\n    <!-- Cr\u00e9ditos -->\n    <footer class=\"mt-6 pt-4 text-center text-[0.70rem] text-slate-500 border-t border-slate-800\/80\">\n      Creado por las profesoras <strong class=\"text-slate-400\">Pamela D\u00edaz<\/strong> y <strong class=\"text-slate-400\">Yemina Lusi<\/strong>\n    <\/footer>\n  <\/div>\n\n  <script>\n    (function initVennGame() {\n      var score = 0;\n      var currentCorrectOp = \"\";\n\n      var vennList = [\n        { q: \"\u00bfQu\u00e9 operaci\u00f3n representa los elementos comunes a A y B?\", op: \"Intersecci\u00f3n (A \u2229 B)\" },\n        { q: \"\u00bfQu\u00e9 operaci\u00f3n agrupa todos los elementos de A y B sin repetir?\", op: \"Uni\u00f3n (A \u222a B)\" },\n        { q: \"\u00bfQu\u00e9 operaci\u00f3n representa los elementos que est\u00e1n en A pero NO en B?\", op: \"Diferencia (A - B)\" },\n        { q: \"\u00bfQu\u00e9 operaci\u00f3n representa los elementos que est\u00e1n en B pero NO en A?\", op: \"Diferencia (B - A)\" }\n      ];\n\n      function nextVennRound() {\n        var fb = document.getElementById('feedback');\n        var qEl = document.getElementById('venn-question');\n        var container = document.getElementById('venn-options');\n\n        if (!container) return;\n\n        if (fb) {\n          fb.innerText = '';\n          fb.className = 'h-6 text-center text-sm font-bold mb-2';\n        }\n\n        var item = vennList[Math.floor(Math.random() * vennList.length)];\n        if (qEl) qEl.innerText = item.q;\n        currentCorrectOp = item.op;\n\n        var choices = [item.op];\n        while (choices.length < 4) {\n          var fake = vennList[Math.floor(Math.random() * vennList.length)].op;\n          if (choices.indexOf(fake) === -1) {\n            choices.push(fake);\n          }\n        }\n\n        choices.sort(function() { return Math.random() - 0.5; });\n        container.innerHTML = '';\n\n        choices.forEach(function(opStr) {\n          var btn = document.createElement('button');\n          btn.className = 'py-4 bg-slate-900 hover:bg-teal-600 hover:text-white font-bold text-sm rounded-xl border border-slate-700 transition duration-150 text-teal-200 shadow-md';\n          btn.innerText = opStr;\n          btn.onclick = function() { checkVenn(opStr); };\n          container.appendChild(btn);\n        });\n      }\n\n      function checkVenn(selected) {\n        var fb = document.getElementById('feedback');\n        var scoreEl = document.getElementById('score');\n\n        if (selected === currentCorrectOp) {\n          score += 15;\n          if (scoreEl) scoreEl.innerText = score;\n          fb.className = 'h-6 text-center text-sm font-bold mb-2 text-emerald-400';\n          fb.innerText = '\ud83c\udf89 \u00a1Respuesta correcta!';\n          setTimeout(nextVennRound, 800);\n        } else {\n          fb.className = 'h-6 text-center text-sm font-bold mb-2 text-rose-400';\n          fb.innerText = '\u274c Incorrecto. La operaci\u00f3n correcta era ' + currentCorrectOp;\n          setTimeout(nextVennRound, 1200);\n        }\n      }\n\n      nextVennRound();\n      setTimeout(nextVennRound, 100);\n      setTimeout(nextVennRound, 300);\n    })();\n  <\/script>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u2190 Volver al Portal \ud83d\udd35 Diagramas de Venn Operaciones de uni\u00f3n, intersecci\u00f3n y diferencia PUNTOS 0 A B Identifica la [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7652","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/pages\/7652","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7652"}],"version-history":[{"count":2,"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/pages\/7652\/revisions"}],"predecessor-version":[{"id":7752,"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/pages\/7652\/revisions\/7752"}],"wp:attachment":[{"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}