Страницы

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

среда, 10 октября 2018 г.

Как нарисовать простую шахматную доску?

Как нарисовать простую шахматную доску с помощью 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; }


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

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