Java Web 程序设计第四章 JavaScript基础 4.4 流程控制

最新推荐文章于 2024-05-19 19:55:54 发布

君弈

最新推荐文章于 2024-05-19 19:55:54 发布

阅读量261

点赞数

分类专栏： Java Web 程序设计文章标签： javascript

本文链接：https://blog.youkuaiyun.com/m0_43443133/article/details/105379191

版权

Java Web 程序设计专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何使用JavaScript和HTML来编程实现一个8x8的国际象棋棋盘，通过双层循环控制黑白格子的交替显示，实现棋盘的可视化效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

4.4 流程控制

1.JavaScript流程控制--核心知识点

2.基本任务--输出国际象棋棋盘

编程输出下图所示的8x8国际象棋棋盘。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>国际象棋棋盘</title>
</head>
<body>
	<script>
		document.write("<table width=400 height=400 border=1>");
		for(var i=1;i<=8;i++){
			document.write("<tr>");
			for(var j=1;j<=8;j++){
				if((i+j)%2==0){				
					document.write("<td bgcolor='white'></td>");
				}else{
					document.write("<td bgcolor='black'></td>");
				}				
			}
			document.write("</tr>");
		}
		document.write("</table>");	 		
	</script>
</body>
</html>