homework/hw-js-04-structures-evaluations-loops/js/task-15.js

// multiply table
// C помощью вложенного цикла сформируйте массив массивов "таблица умножения".
// Для инициализации вложенных массивов используйте
// arr[i] = [] //в i-тый элемент массива заносится новый пустой массив
// arr[5][6] должен быть равен, соответственно, 30, arr[7][2] == 14 и так далее.

// matrix to html table
// Сделайте вложенный цикл, который формирует HTML - таблицу в переменной строкового типа из любого двумерного массива.
// Т.е.если в нём использовать результат работы предыдущего задания, то получится таблица умножения в HTML(Таблица Пифагора)

const task15block = document.createElement('div');
task15block.style = "border: 2px solid green; border-radius:5px; margin-bottom:10px; padding:10px";
const task15title = document.createElement('h2');
task15title.innerText = 'Task-15 Multiply table + matrix to html table';
const formArrayBtn = document.createElement('button');
formArrayBtn.innerText = 'Form multiply array';
formArrayBtn.style = 'margin-bottom:15px';
root.appendChild(task15block); 
task15block.appendChild(task15title); 
task15block.appendChild(formArrayBtn); 
formArrayBtn.onclick = () => { 
    let str="";
const array = [];
for (let i = 0; i <10; i++) {
    array[i] = [];
    str += "<tr>";
    for (let j = 0; j < 10; j++) {
        array[i][j] = (i + 1) * (j + 1);
        str += "<td style='width:40px'>" + array[i][j] + "</td>";
    }
    str+="</tr>"
    }
    const arrayOutput = document.createElement('div');
    arrayOutput.innerHTML = `<h3>Таблица Пифагора:</h3> <table><b> ${str}</b></table>`;
    task15block.appendChild( arrayOutput);  
    console.log(array);
 }