Страницы

Поиск по вопросам

вторник, 26 марта 2019 г.

Заполнение цветом клеток поля шахматной доски

Код написал только для нечетных строк:
// присваиваю в переменную table первый дочерний элемент body //таблицу "

" var table = document.body.children[0]; //запускаю первый цикл для столбцов, то есть [i] for (var i = 0; i < table.rows.length; i++) { //цикл для ячеек в строках, то есть [j] for (var j = 0; j < table.rows.length; j++) { //меняю фон ячеек на черный table.rows[i].cells[j += 1].style.backgroundColor = 'black'; } }

Как правильно заполнить доску для всех строк?


Ответ

var table = document.getElementById("board"); for (var i = 0; i < table.rows.length; i++) { for (var j = 0; j < table.rows[i].cells.length; j = j + 2) { table.rows[i].cells[((i + 1) % 2) + j].style.backgroundColor = 'black'; } } td { width: 30px; height: 30px; }


Комментариев нет:

Отправить комментарий