Как нарисовать простую шахматную доску с помощью html/css и javascript?
Ответ
Простой пример.
var chessWrap = document.querySelector('.ch-wrap');
var i = 0, count = 0;
while (count < 8 * 8) {
var item = document.createElement('div');
chessWrap.appendChild(item);
item.classList.add('ch-item');
if (i && i % 2)
item.classList.add('ch-black')
i += ((i + 2) % 9) ? 1 : 2;
count++;
}
.ch-wrap {
width: 400px;
height: 400px;
border: 1px solid #111;
}
.ch-item {
width: 50px;
height: 50px;
float: left;
}
.ch-black {
background: #111;
}
Комментариев нет:
Отправить комментарий