Код написал только для нечетных строк:
// присваиваю в переменную 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;
}
Комментариев нет:
Отправить комментарий