{"id":7648,"date":"2026-11-05T17:36:48","date_gmt":"2026-11-05T20:36:48","guid":{"rendered":"https:\/\/www.escuelathays.mendoza.edu.ar\/?page_id=7648"},"modified":"2026-11-06T10:34:22","modified_gmt":"2026-11-06T13:34:22","slug":"operaciones-con-matrices","status":"publish","type":"page","link":"https:\/\/www.escuelathays.mendoza.edu.ar\/?page_id=7648","title":{"rendered":"Operaciones con Matrices"},"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(59, 130, 246, 0.4); box-shadow: 0 0 30px rgba(59, 130, 246, 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-blue-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-blue-400\">\ud83d\udd22 Operaciones con Matrices<\/h1>\n        <p class=\"text-xs text-slate-400\">Suma, resta y producto por escalar<\/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\">PUNTAJE<\/span>\n        <span id=\"score\" class=\"text-xl font-bold text-amber-400\">0<\/span>\n      <\/div>\n    <\/div>\n\n    <!-- Planteo -->\n    <div class=\"bg-slate-950 p-4 rounded-xl border border-slate-700 text-center mb-6 font-mono text-sm text-slate-300\">\n      <span id=\"matrix-prompt\">Calcula la suma de la Matriz A y la Matriz B:<\/span>\n    <\/div>\n\n    <!-- Matrices Visuales -->\n    <div class=\"grid grid-cols-3 gap-4 mb-6 items-center justify-center text-center font-mono\">\n      <div class=\"bg-slate-900 p-4 rounded-xl border border-blue-500\/30\">\n        <span class=\"text-xs text-blue-400 block font-sans mb-2 font-bold\">Matriz A<\/span>\n        <div id=\"mat-a\" class=\"text-lg font-bold text-cyan-300\">[[2, 5],<br>[1, 3]]<\/div>\n      <\/div>\n      <div class=\"text-3xl font-black text-blue-400\" id=\"matrix-op\">+<\/div>\n      <div class=\"bg-slate-900 p-4 rounded-xl border border-blue-500\/30\">\n        <span class=\"text-xs text-blue-400 block font-sans mb-2 font-bold\">Matriz B<\/span>\n        <div id=\"mat-b\" class=\"text-lg font-bold text-cyan-300\">[[4, 1],<br>[0, 2]]<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Opciones de Matriz Resultado -->\n    <div id=\"matrix-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 initMatrixGame() {\n      var score = 0;\n      var currentCorrectStr = \"\";\n\n      function nextMatrixRound() {\n        var fb = document.getElementById('feedback');\n        var matOp = document.getElementById('matrix-op');\n        var prompt = document.getElementById('matrix-prompt');\n        var matA = document.getElementById('mat-a');\n        var matB = document.getElementById('mat-b');\n        var container = document.getElementById('matrix-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 a11 = Math.floor(Math.random() * 6);\n        var a12 = Math.floor(Math.random() * 6);\n        var a21 = Math.floor(Math.random() * 6);\n        var a22 = Math.floor(Math.random() * 6);\n\n        var b11 = Math.floor(Math.random() * 6);\n        var b12 = Math.floor(Math.random() * 6);\n        var b21 = Math.floor(Math.random() * 6);\n        var b22 = Math.floor(Math.random() * 6);\n\n        var isSum = Math.random() > 0.5;\n        if (matOp) matOp.innerText = isSum ? '+' : '-';\n        if (prompt) prompt.innerText = isSum ? \"Calcula A + B:\" : \"Calcula A - B:\";\n\n        if (matA) matA.innerHTML = '[[' + a11 + ', ' + a12 + '],<br>[' + a21 + ', ' + a22 + ']]';\n        if (matB) matB.innerHTML = '[[' + b11 + ', ' + b12 + '],<br>[' + b21 + ', ' + b22 + ']]';\n\n        var r11 = isSum ? a11 + b11 : a11 - b11;\n        var r12 = isSum ? a12 + b12 : a12 - b12;\n        var r21 = isSum ? a21 + b21 : a21 - b21;\n        var r22 = isSum ? a22 + b22 : a22 - b22;\n\n        currentCorrectStr = '[[' + r11 + ', ' + r12 + '], [' + r21 + ', ' + r22 + ']]';\n\n        var choices = [currentCorrectStr];\n        while (choices.length < 4) {\n          var f11 = r11 + (Math.floor(Math.random() * 5) - 2);\n          var f12 = r12 + (Math.floor(Math.random() * 5) - 2);\n          var f21 = r21 + (Math.floor(Math.random() * 5) - 2);\n          var f22 = r22 + (Math.floor(Math.random() * 5) - 2);\n          var fakeStr = '[[' + f11 + ', ' + f12 + '], [' + f21 + ', ' + f22 + ']]';\n          if (choices.indexOf(fakeStr) === -1) {\n            choices.push(fakeStr);\n          }\n        }\n\n        choices.sort(function() { return Math.random() - 0.5; });\n        container.innerHTML = '';\n\n        choices.forEach(function(matStr) {\n          var btn = document.createElement('button');\n          btn.className = 'py-4 bg-slate-900 hover:bg-blue-600 hover:text-white font-mono font-bold text-sm rounded-xl border border-slate-700 transition duration-150 shadow-md text-blue-200';\n          btn.innerText = matStr;\n          btn.onclick = function() { checkMatrix(matStr); };\n          container.appendChild(btn);\n        });\n      }\n\n      function checkMatrix(selected) {\n        var fb = document.getElementById('feedback');\n        var scoreEl = document.getElementById('score');\n\n        if (selected === currentCorrectStr) {\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 \u00a1Operaci\u00f3n matricial correcta!';\n          setTimeout(nextMatrixRound, 800);\n        } else {\n          fb.className = 'h-6 text-center text-sm font-bold mb-2 text-rose-400';\n          fb.innerText = '\u274c Incorrecto. El resultado era ' + currentCorrectStr;\n          setTimeout(nextMatrixRound, 1200);\n        }\n      }\n\n      nextMatrixRound();\n      setTimeout(nextMatrixRound, 100);\n      setTimeout(nextMatrixRound, 300);\n    })();\n  <\/script>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u2190 Volver al Portal \ud83d\udd22 Operaciones con Matrices Suma, resta y producto por escalar PUNTAJE 0 Calcula la suma de [&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-7648","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/pages\/7648","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=7648"}],"version-history":[{"count":4,"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/pages\/7648\/revisions"}],"predecessor-version":[{"id":7749,"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=\/wp\/v2\/pages\/7648\/revisions\/7749"}],"wp:attachment":[{"href":"https:\/\/www.escuelathays.mendoza.edu.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7648"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}