Estou com dificuldade em montar um tabuleiro de xadrez, deixei 4x4 só por questão de estética mesmo, alguém poderia me ajudar com a resolução disto?
casas = 4
for(i=0;i<casas;i++){
for(j=0;j<casas;j++){
tabuleiro.innerHTML += "<div></div>"
}
}
#tabuleiro{
width: 400px;
}
#tabuleiro div{
background-color: red;
width: 100px;
height: 100px;
float: left;
}
#tabuleiro div:nth-child(2n){
background-color: #b58763
}
#tabuleiro div:nth-child(2n+1){
background-color: #f0dab5
}
<div id='tabuleiro'></div>