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

// Задание на синий пояс: Треугольник
// Сформировать следующую строку - треугольник:
// .....#.....
// ....###....
// ...#####...
// ..#######..
// .#########.
// ###########

const task16block = document.createElement('div');
task16block.style = "border: 2px solid green; border-radius:5px; margin-bottom:10px; padding:10px";
const task16title = document.createElement('h2');
task16title.innerText = 'Task-16 Triangle blue belt';
const task16comment = document.createElement('p');
task16comment.innerText = 'Возможно построение треугольника на любое кол-во строк';
const makeTrianBtn = document.createElement('button');
makeTrianBtn.innerText = 'Draw triangle';
makeTrianBtn.style = 'margin-bottom:16px';
root.appendChild(task16block); 
task16block.appendChild(task16title); 
task16block.appendChild(task16comment); 
task16block.appendChild(makeTrianBtn); 
makeTrianBtn.onclick = () => { 
 let resultLine = "";
    const n = +prompt('Введите желаемое количество строк');
    // const m = +prompt('Введите желаемое нечетное количество элементов в строке');
  
        if (n) {
            for (let j = 1; j <= n; j++) {            
                for (let i = 1; i <= 2*n-1; i++) {
                    resultLine = resultLine + (((i >= n - (j - 1)) && (i <= n + (j - 1)) )? "#" : ".")+((i===(2*n-1))?"\n":"");
                                                  }      
                               }
            console.log(resultLine);
          
    const lineResult = document.createElement('p');
    lineResult.innerHTML = `Треугольник с ${n} строками:<br/> <b> ${resultLine.split('\n').join("<br>")}</b>`;
   task16block.appendChild(lineResult);
                 }
    else {alert("Некорректный ввод") }
   
    }