Quiero crear un tablero de ajedrez en javascript, me piden que cada cuadro sea de un tamaño establecido por el usuario, lo unico que he conseguido es el tamaño de los cuadros, y un input donde pongo la cantidad de cuadros que quiero, pero no es asi como se formaria el tablero, debo de quitar la cantidad de cuadro que quiero, y que cuando pulse el boton al establecer el tamaño de los cuadros se genere el tablero entero. Aqui el codigo que llevo :
function generartablero(){
var cantidad=document.getElementById('cantidad').value;
var alto=document.getElementById('alto').value;
var ancho=document.getElementById('ancho').value;
document.getElementById('cuadros').innerHTML='';
for (var i=0;i<cantidad;i++){
if(i%2==0){
document.getElementById('cuadros').innerHTML+='<div id="cuadros" style="border:solid 1px;width:'+ alto +'px;height:' + ancho +'px;background-color:gray;float:left;"><div>';
}else{
document.getElementById('cuadros').innerHTML+='<div id="cuadros" style="border:solid 1px;width:'+ alto +'px;height:' + ancho +'px;background-color:black;float:left;"><div>';
}
}
}
y aqui el cuerpo
Cantidad de cuadros a generar : <input type="text" id="cantidad">
<br>
Altura de cuadro : <input type="text" id="alto">
<br>
Anchura de cuadro : <input type="text" id="ancho">
<br>
<input type="button" value="Generar" onclick="generartablero()">
<br>
<div id="cuadros"></div>
solo me falta modoficar la funcion para que se genere el tablero con los 64 cuadros. Muchas gracias!