html输出棋盘

最新推荐文章于 2023-07-05 08:38:59 发布

haibianyoushark

最新推荐文章于 2023-07-05 08:38:59 发布

阅读量2.2k

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端文章标签：棋盘

本文链接：https://blog.youkuaiyun.com/qq_39993896/article/details/83030677

前端专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript动态生成8*8黑白相间棋盘的方法，通过简单的循环和条件判断实现棋盘格颜色的自动交替。

输出8*8黑白棋盘：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>棋盘</title>
</head>
<body>
	<script type="text/javascript">
		document.writeln("<table width='200' height='200' border='1'>")
		for (var i = 1; i <= 8; i++) {
			document.writeln("<tr>");
			for (var j = 1; j <= 8; j++) {
				color = "black";
				if ((i + j) % 2 == 0)
					color = "white";
				document.writeln("<td bgcolor='"+color+"'></td>")
			}
			document.writeln("</tr>");
		}

		document.writeln("</table>");
	</script>
</body>

</html>