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

// numbers
// Сформировать строку c помощью вложенных циклов.Для перевода строки используйте \n.
// 0123456789
// 0123456789
// 0123456789
// 0123456789
// 0123456789
// 0123456789
// 0123456789
// 0123456789
// 0123456789
// 0123456789

const task12block = document.createElement('div');
task12block.style = "border: 2px solid green; border-radius:5px; margin-bottom:10px; padding:10px";
const task12title = document.createElement('h2');
task12title.innerText = 'Task-12 Numbers';
const numberStringBtn = document.createElement('button');
numberStringBtn.innerText = 'Form number lines';
numberStringBtn.style = 'margin-bottom:12px';
root.appendChild(task12block); 
task12block.appendChild(task12title); 
task12block.appendChild(numberStringBtn); 
numberStringBtn.onclick = () => { 
    let resultLine = "";
    const n = +prompt('Введите желаемое количество строк');
    const m = +prompt('Введите желаемое количество элементов в строке');
  
        if (n&&m) {
            for (let j = 0; j < n; j++) {            
                for (let i=0; i<m; i++) {
                        resultLine = resultLine + (((i === 0) || (((i + 1) % m)||(j===(n-1)))) ? (i + " ") : (i + "\n"));
                               }      
                               }
            console.log(resultLine);
          
    const lineResult = document.createElement('p');
    lineResult.innerHTML = `Таблица чисел от 0 до ${m-1} из ${n} строк:<br/> <b> ${resultLine.split('\n').join("<br>")}</b>`;
   task12block.appendChild(lineResult);
                 }
    else {alert("Некорректный ввод") }
    
}