Как сделать так, что бы при перемножении ячеек таблицы 1 и таблицы 2,
в таблицу 3 результат перемножения каждой ячейки выводился в ту же ячейку в новой таблице, где находится число в первой таблице.
Таблица 1:
Таблица 2:
Итоговая таблица 3, в ней и должно выводиться итоговое число при перемножении, сейчас оно выводится не правильно, помогите пожалуйста:
Код:
//функция создания итоговой таблицы
function calculateTable(arrayRows3, arrayColumns3)
{
[rows3, columns3] = [arrayRows3, arrayColumns3];
for (let i = 0; i < arrayRows3; i++)
{
array3[i] = [];
let row = table3.insertRow(-1);
for (let j = 0; j < arrayColumns3; j++)
{
array3[i][j] = i + j;
let cell = row.insertCell(-1);
cell.innerHTML = "<input style='width: 50px; height: 50px; text-align: center;' type='text' id='calculateTable'>";
}
}
}
//при нажатии на кнопку количество строк и столбцов выбирается в зависимости от размеров двух таблиц, выбирается большаяя
get("calculate").onclick = function(rowsTotal, columnsTotal) {
if (rows1 > rows2 && columns1 > columns2)
{
rowsTotal = rows1;
columnsTotal = columns1;
calculateTable(rowsTotal, columnsTotal);
}
else if (rows1 < rows2 && columns1 < columns2)
{
rowsTotal = rows2;
columnsTotal = columns2;
calculateTable(rowsTotal, columnsTotal);
}
else if (rows1 > rows2 && columns1 < columns2)
{
rowsTotal = rows1;
columnsTotal = columns2;
calculateTable(rowsTotal, columnsTotal);
}
else if (rows1 < rows2 && columns1 > columns2)
{
rowsTotal = rows2;
columnsTotal = columns1;
calculateTable(rowsTotal, columnsTotal);
}
else if (rows1 === rows2 && columns1 === columns2)
{
rowsTotal = rows1;
columnsTotal = columns1;
calculateTable(rowsTotal, columnsTotal);
}
else if (rows1 === rows2 && columns1 > columns2)
{
rowsTotal = rows1;
columnsTotal = columns1;
calculateTable(rowsTotal, columnsTotal);
}
else if (rows1 === rows2 && columns1 < columns2)
{
rowsTotal = rows1;
columnsTotal = columns2;
calculateTable(rowsTotal, columnsTotal);
}
else if (rows1 > rows2 && columns1 === columns2)
{
rowsTotal = rows1;
columnsTotal = columns1;
calculateTable(rowsTotal, columnsTotal);
}
else if (rows1 < rows2 && columns1 === columns2)
{
rowsTotal = rows2;
columnsTotal = columns1;
calculateTable(rowsTotal, columnsTotal);
}
let numbFirstTable = [];
let numbSecondTable = [];
var readyArray = [];
let countInputFirst = document.getElementsByClassName("firstTable").length;
let countInputSecond = document.getElementsByClassName("secondTable").length;
// пушим все числа записные в инпут первой таблицы в отдельный массив
for (let f = 0; f < countInputFirst; f++) {
var firstValue = document.getElementsByClassName('firstTable')[f].value;
var numberFirstValue = +firstValue;
numbFirstTable.push(numberFirstValue);
// преобразование одномерного массива в двумерный two-dimensional
function newDimensionalArrayFirstTable(input, size)
{
for (var x, i = 0, c = -1, l = input.length, n = []; i < l; i++)
{
if (x = i % size)
{
n[c][x] = input[i];
}
else
{
n[++c] = [input[i]];
}
}
return n;
}
var arrayDimensional1 = newDimensionalArrayFirstTable(numbFirstTable, columns1);
}
// пушим все числа записные в инпут второй таблицы в отдельный массив
for (let s = 0; s < countInputSecond; s++) {
var secondValue = document.getElementsByClassName('secondTable')[s].value;
var numberSecondValue = +secondValue;
numbSecondTable.push(numberSecondValue);
function newDimensionalArraySecondTable(input, size)
{
for (var x, i = 0, c = -1, l = input.length, n = []; i < l; i++)
{
if (x = i % size)
{
n[c][x] = input[i];
}
else
{
n[++c] = [input[i]];
}
}
return n;
}
var arrayDimensional2 = newDimensionalArraySecondTable(numbSecondTable, columns2);
}
// длина полученых массивов из инпутов двух таблиц
let lengthNumbFirstTable = numbFirstTable.length;
let lengthNumbSecondTable = numbSecondTable.length;
// Перемножение данных ячеек
if (lengthNumbFirstTable > lengthNumbSecondTable)
{
for (let g = 0; g < lengthNumbFirstTable; g++)
{
if (isNaN(numbFirstTable[g]))
{
readyArray.push(null * numbSecondTable[g]);
}
else if (isFinite(numbFirstTable[g]) && isFinite(numbSecondTable[g]))
{
readyArray.push(numbFirstTable[g] * numbSecondTable[g]);
}
else if (isNaN(numbSecondTable[g]))
{
readyArray.push(numbFirstTable[g] * null);
}
else
{
readyArray.push(numbFirstTable[g] * numbSecondTable[g]);
}
}
}
else if (lengthNumbFirstTable < lengthNumbSecondTable)
{
for (let z = 0; z < lengthNumbSecondTable; z++)
{
if (isNaN(numbFirstTable[z]))
{
readyArray.push(null * numbSecondTable[z]);
}
else if (isFinite(numbFirstTable[z]) && isFinite(numbSecondTable[z]))
{
readyArray.push(numbFirstTable[z] * numbSecondTable[z]);
}
else if (isNaN(numbSecondTable[z]))
{
readyArray.push(numbFirstTable[z] * null);
}
else
{
readyArray.push(numbFirstTable[z] * numbSecondTable[z]);
}
}
}
else if (lengthNumbFirstTable === lengthNumbSecondTable)
{
for (let r = 0; r < lengthNumbFirstTable; r++)
{
if (isNaN(numbFirstTable[r]))
{
readyArray.push(null * numbSecondTable[r]);
}
else if (isFinite(numbFirstTable[r]) && isFinite(numbSecondTable[r]))
{
readyArray.push(numbFirstTable[r] * numbSecondTable[r]);
}
else if (isNaN(numbSecondTable[r]))
{
readyArray.push(numbFirstTable[r] * null);
}
else
{
readyArray.push(numbFirstTable[r] * numbSecondTable[r]);
}
}
}
if (columns1 > columns2 && rows1 === rows2)
{
let difference = columns1 - columns2;
for (let i = 0; i < difference; i++)
{
readyArray.splice(columns2, 0, 0);
}
}
$("#tableThree tbody").remove();
let html = "";
let index = 0;
for (let i = 0; i < rowsTotal; i++) {
for (let j = 0; j < columnsTotal; j++) {
html += `<input type="number" value="${readyArray[index++]}" style="width: 50px; margin: 1px; height: 50px; text-align: center;" disabled/>`;
}
html += "<br/>";
}
document.getElementById("tableThree").innerHTML = html;
}