js编写简易的国际象棋界面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
document.write("<div style='width:400px;height:400px;border:1px solid #000;'>")
for(var i=1;i<=8;i++){
if(i%2)
{
for (var j=1;j<=8;j++)
{
if(j%2){
document.write("<div style='width:50px;height:50px;background:black;float:left'></div>")
}
else{
document.write("<div style='width:50px;height:50px;background:white;float:left;'></div>")
}
}
}
else
{
for (var j=1;j<=8;j++)
{
if(j%2){
document.write("<div style='width:50px;height:50px;background:white;float:left;'></div>")
}
else{
document.write("<div style='width:50px;height:50px;background:black;float:left;'></div>")
}
}
}
}
document.write("</div>")
</script>
</body>
</html>