gpt4 book ai didi

javascript - 简单的 JavaScript 棋盘

转载 作者:太空狗 更新时间:2023-10-29 15:20:37 28 4
gpt4 key购买 nike

谁能告诉我如何使用 JavaScript、表格标签或 生成棋盘 (8x8)?

到目前为止,我得到了以下内容:

<DOCTYPE html>
<html>
<head>
<style>

div
{
border:1px solid black;
width:20px;
height:20px;
}

</style>
</head>
<body>
<script type="text/javascript">

// create a chess table 8x8.

var count = 0;

while (count < 64)
{

if (count % 2 == 0)

{

if (count % 8 == 0 && count !=0)
{
document.write('<br/><div style="background-color:#000000;float:left;">&nbsp</div>');

}
else
{
document.write('<div style="background-color:#000000;float:left;">&nbsp</div>');
}
}

else

{
document.write('<div style="background-color:#FFFFFF;float:left;">&nbsp</div>');
}
/*
*/
count++;
}
</script>

</body>
</html>

我试图分别为每个奇数和偶数分配黑色和白色,但这样行不通。

提前谢谢你。

最佳答案

我现在无法测试,但这应该可以。此代码创建一个 8x8 表格,其中黑色单元格标记为“黑色”类,白色单元格标记为“白色”类。使用 CSS 给它们上色。希望对您有所帮助。

var table = document.createElement("table");
for (var i = 1; i < 9; i++) {
var tr = document.createElement('tr');
for (var j = 1; j < 9; j++) {
var td = document.createElement('td');
if (i%2 == j%2) {
td.className = "white";
} else {
td.className = "black";
}
tr.appendChild(td);
}
table.appendChild(tr);
}
document.body.appendChild(table);

关于javascript - 简单的 JavaScript 棋盘,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16684004/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com