Calculadora de Matrices

Categoría: Álgebra y General

---

// Initialize on load document.addEventListener("DOMContentLoaded", () => { initializeMatrices(); }); function initializeMatrices() { createMatrix('A'); createMatrix('B'); } function createMatrix(matrix) { const rows = parseInt(document.getElementById(`rows${matrix}`).value); const columns = parseInt(document.getElementById(`columns${matrix}`).value); const grid = document.getElementById(`matrix${matrix}-grid`); grid.style.gridTemplateColumns = `repeat(${columns}, 1fr)`; grid.style.gridTemplateRows = `repeat(${rows}, 1fr)`; grid.innerHTML = ''; for (let i = 0; i < rows * columns; i++) { const input = document.createElement('input'); input.type = 'number'; input.value = '0'; input.step = 'any'; grid.appendChild(input); } } function getMatrixValues(matrix) { return Array.from(document.querySelectorAll(`#matrix${matrix}-grid input`)) .map(input => parseFloat(input.value) || 0); } function displayMatrixValues(values, rows, cols, operation = '', sourceMatrix = '') { const resultDiv = document.getElementById('results'); resultDiv.innerHTML = '

Resultado

'; let matrixSymbol = ''; switch(operation) { case 'transpose': matrixSymbol = `${sourceMatrix}\u1D40 = `; break; case 'power': const power = document.getElementById(`power${sourceMatrix}`).value; matrixSymbol = `${sourceMatrix}^${power} = `; break; case 'scalar': const scalar = document.getElementById(`scalar${sourceMatrix}`).value; matrixSymbol = `${scalar}${sourceMatrix} = `; break; case 'add': matrixSymbol = 'A + B = '; break; case 'subtract': matrixSymbol = 'A - B = '; break; case 'multiply': matrixSymbol = 'AB = '; break; } const matrixString = matrixSymbol + '[\n' + Array(rows).fill().map((_, i) => values.slice(i * cols, (i + 1) * cols).map(v => Number.isInteger(v) ? v.toString() : v.toFixed(2) ).join(' ') ).join('\n') + '\n]'; const pre = document.createElement('pre'); pre.textContent = matrixString; resultDiv.appendChild(pre); const copyDiv = document.createElement('div'); copyDiv.className = 'copy-buttons'; const copyToABtn = document.createElement('button'); copyToABtn.textContent = 'Copiar a A'; copyToABtn.onclick = () => copyToMatrix('A', values, rows, cols); const copyToBBtn = document.createElement('button'); copyToBBtn.textContent = 'Copiar a B'; copyToBBtn.onclick = () => copyToMatrix('B', values, rows, cols); copyDiv.appendChild(copyToABtn); copyDiv.appendChild(copyToBBtn); resultDiv.appendChild(copyDiv); } function clearMatrix(matrix) { document.querySelectorAll(`#matrix${matrix}-grid input`) .forEach(input => input.value = '0'); } function fillMatrix(matrix, value) { document.querySelectorAll(`#matrix${matrix}-grid input`) .forEach(input => input.value = value.toString()); } function fillRandom(matrix) { document.querySelectorAll(`#matrix${matrix}-grid input`) .forEach(input => input.value = Math.floor(Math.random() * 10)); } function transpose(matrix) { const rows = parseInt(document.getElementById(`rows${matrix}`).value); const cols = parseInt(document.getElementById(`columns${matrix}`).value); const values = getMatrixValues(matrix); const result = Array(rows * cols).fill(0); for (let i = 0; i < rows; i++) { for (let j = 0; j < cols; j++) { result[j * rows + i] = values[i * cols + j]; } } displayMatrixValues(result, cols, rows, 'transpose', matrix); } function powerMatrix(matrix) { const power = parseInt(document.getElementById(`power${matrix}`).value); if (power < 1) return; const rows = parseInt(document.getElementById(`rows${matrix}`).value); const cols = parseInt(document.getElementById(`columns${matrix}`).value); if (rows !== cols) { alert("La matriz debe ser cuadrada para la operación de potencia"); return; } let result = getMatrixValues(matrix); const original = [...result]; for (let p = 1; p < power; p++) { result = multiplyArrays(result, original, rows, cols, cols); } displayMatrixValues(result, rows, cols, 'power', matrix); } function determinant(matrix) { const rows = parseInt(document.getElementById(`rows${matrix}`).value); const cols = parseInt(document.getElementById(`columns${matrix}`).value); if (rows !== cols) { alert("La matriz debe ser cuadrada para calcular el determinante"); return; } const values = getMatrixValues(matrix); const det = calculateDeterminant(values, rows); alert(`Determinante de la Matriz ${matrix}: ${det.toFixed(2)}`); } function calculateDeterminant(matrix, n) { if (n === 1) return matrix[0]; if (n === 2) return matrix[0] * matrix[3] - matrix[1] * matrix[2]; let det = 0; for (let i = 0; i < n; i++) { det += Math.pow(-1, i) * matrix[i] * calculateDeterminant( getMinor(matrix, 0, i, n), n - 1 ); } return det; } function getMinor(matrix, row, col, n) { const minor = []; for (let i = 0; i < n; i++) { if (i === row) continue; for (let j = 0; j < n; j++) { if (j === col) continue; minor.push(matrix[i * n + j]); } } return minor; } function inverseMatrix(matrix) { const rows = parseInt(document.getElementById(`rows${matrix}`).value); const cols = parseInt(document.getElementById(`columns${matrix}`).value); if (rows !== cols) { alert("La matriz debe ser cuadrada para calcular la inversa"); return; } const values = getMatrixValues(matrix); const det = calculateDeterminant(values, rows); if (Math.abs(det) < 1e-10) { alert("La matriz no es invertible (el determinante es cero)"); return; } const adjugate = calculateAdjugate(values, rows); const inverse = adjugate.map(value => value / det); displayMatrixValues(inverse, rows, cols); } function calculateAdjugate(matrix, n) { const adj = Array(n * n).fill(0); for (let i = 0; i < n; i++) { for (let j = 0; j < n; j++) { const cofactor = Math.pow(-1, i + j) * calculateDeterminant( getMinor(matrix, i, j, n), n - 1 ); adj[j * n + i] = cofactor; } } return adj; } function scalarMultiply(matrix) { const scalar = parseFloat(document.getElementById(`scalar${matrix}`).value); const values = getMatrixValues(matrix); const result = values.map(val => val * scalar); const rows = parseInt(document.getElementById(`rows${matrix}`).value); const cols = parseInt(document.getElementById(`columns${matrix}`).value); displayMatrixValues(result, rows, cols, 'scalar', matrix); } function addMatrices() { const rowsA = parseInt(document.getElementById('rowsA').value); const colsA = parseInt(document.getElementById('columnsA').value); const rowsB = parseInt(document.getElementById('rowsB').value); const colsB = parseInt(document.getElementById('columnsB').value); if (rowsA !== rowsB || colsA !== colsB) { alert("Las matrices deben tener las mismas dimensiones para la suma"); return; } const valuesA = getMatrixValues('A'); const valuesB = getMatrixValues('B'); const result = valuesA.map((val, index) => val + valuesB[index]); displayMatrixValues(result, rowsA, colsA, 'add'); } function subtractMatrices() { const rowsA = parseInt(document.getElementById('rowsA').value); const colsA = parseInt(document.getElementById('columnsA').value); const rowsB = parseInt(document.getElementById('rowsB').value); const colsB = parseInt(document.getElementById('columnsB').value); if (rowsA !== rowsB || colsA !== colsB) { alert("Las matrices deben tener las mismas dimensiones para la resta"); return; } const valuesA = getMatrixValues('A'); const valuesB = getMatrixValues('B'); const result = valuesA.map((val, index) => val - valuesB[index]); displayMatrixValues(result, rowsA, colsA, 'subtract'); } function multiplyMatrices() { const rowsA = parseInt(document.getElementById('rowsA').value); const colsA = parseInt(document.getElementById('columnsA').value); const rowsB = parseInt(document.getElementById('rowsB').value); const colsB = parseInt(document.getElementById('columnsB').value); if (colsA !== rowsB) { alert("El número de columnas de la Matriz A debe ser igual al número de filas de la Matriz B"); return; } const valuesA = getMatrixValues('A'); const valuesB = getMatrixValues('B'); const result = multiplyArrays(valuesA, valuesB, rowsA, colsA, colsB); displayMatrixValues(result, rowsA, colsB, 'multiply'); } function multiplyArrays(matrixA, matrixB, rowsA, colsA, colsB) { const result = Array(rowsA * colsB).fill(0); for (let i = 0; i < rowsA; i++) { for (let j = 0; j < colsB; j++) { for (let k = 0; k < colsA; k++) { result[i * colsB + j] += matrixA[i * colsA + k] * matrixB[k * colsB + j]; } } } return result; } function swapMatrices() { const valuesA = getMatrixValues('A'); const valuesB = getMatrixValues('B'); const rowsA = document.getElementById('rowsA').value; const colsA = document.getElementById('columnsA').value; const rowsB = document.getElementById('rowsB').value; const colsB = document.getElementById('columnsB').value; document.getElementById('rowsA').value = rowsB; document.getElementById('columnsA').value = colsB; document.getElementById('rowsB').value = rowsA; document.getElementById('columnsB').value = colsA; createMatrix('A'); createMatrix('B'); const inputsA = document.querySelectorAll('#matrixA-grid input'); const inputsB = document.querySelectorAll('#matrixB-grid input'); inputsA.forEach((input, index) => input.value = valuesB[index] || 0); inputsB.forEach((input, index) => input.value = valuesA[index] || 0); } function copyToMatrix(matrix, values, rows, cols) { document.getElementById(`rows${matrix}`).value = rows; document.getElementById(`columns${matrix}`).value = cols; createMatrix(matrix); const inputs = document.querySelectorAll(`#matrix${matrix}-grid input`); inputs.forEach((input, index) => { if (index < values.length) { input.value = values[index]; } }); }