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

// chess
// Сформируйте строку с шахматной доской из вложенных циклов.Для перевода строки используйте \n.
// Код должен поддерживать легкое изменение размеров доски.
// .#.#.#.#.#.#
// #.#.#.#.#.#.
// .#.#.#.#.#.#
// #.#.#.#.#.#.
// .#.#.#.#.#.#
// #.#.#.#.#.#.
// .#.#.#.#.#.#
// #.#.#.#.#.#.
// .#.#.#.#.#.#
// #.#.#.#.#.#.
const task13block = document.createElement('div');
task13block.style = "border: 2px solid green; border-radius:5px; margin-bottom:10px; padding:10px";
const task13title = document.createElement('h2');
task13title.innerText = 'Task-13 Chess';
const chessFieldBtn = document.createElement('button');
chessFieldBtn.innerText = 'Form chess field';
chessFieldBtn.style = 'margin-bottom:13px';
root.appendChild(task13block); 
task13block.appendChild(task13title); 
task13block.appendChild(chessFieldBtn); 
chessFieldBtn.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)))) ? (j%2?(i%2?".":"#"):(i%2?"#":".")) : ((j%2?(i%2?".":"#"):(i%2?"#":".")) + "\n"));
                               }      
                               }
            console.log(resultLine);
          
    const lineResult = document.createElement('p');
    lineResult.innerHTML = `Шахматное поле ${n}Х${m}:<br/> <b> ${resultLine.split('\n').join("<br>")}</b>`;
   task13block.appendChild(lineResult);
                 }
    else {alert("Некорректный ввод") }
   
    }