Как нарисовать простую шахматную доску?
1,00
р.
Как нарисовать простую шахматную доску с помощью 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
}
Ответ
Простой пример.
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
}
