微信小程序实训开发day01

最新推荐文章于 2024-06-22 16:07:12 发布

Joan_of_arc_Alter

最新推荐文章于 2024-06-22 16:07:12 发布

阅读量505

点赞数 1

本文链接：https://blog.csdn.net/Joan_of_arc_Alter/article/details/92717047

版权

今天是实训的第一天，老师简单地讲解了html5，CSS和JavaScript的一些基本应用，留下了一点点小小的作业，一个是不使用第三个变量交换两个变量的值，另一个是用JavaScript打印九九乘法表。虽然非常简单，但也提升了我对JavaScript和CSS的熟练程度（其实可以说今天才真的开始学JavaScript和CSS）

首先是不使用第三个变量交换两个变量的值

<!DOCTYPE html>
<html>
<head>
	<title>homework1</title>
</head>
<body>
	<script type="text/javascript">
		var a=1,b=2;

		console.log(a,b)

		console.log("我是分割线")

		a=[b,b=a][0];

		console.log(a,b)
	</script>
</body>
</html>

其次是打印九九乘法表，除了打印出来以外，我稍微修饰了一下表的外观，所以有一个html文件和一个CSS文件

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>homework02</title>
	<link rel="stylesheet" type="text/css" href="index.css"/>
</head>
<body>
	<script type="text/javascript">
		
		document.write("<table>");
		for(var x=1;x<=9;x++){
			document.write("<tr>");
			for(var y=1;y<=9;y++){
				document.write("<td>"+x+"*"+y+"="+x*y+"</td>");
			}
			document.write("</tr>");
		}
		document.write("</table>");
	</script>
</body>
</html>

table,table td{
	border: #66cc00 double 2px
}

效果如图

这个实训的最终目标是学会开发出有意义的微信小程序，非常期待接下来的课程。

Joan_of_arc_Alter

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
微信小程序实训开发day01

今天是实训的第一天，老师简单地讲解了html5，CSS和JavaScript的一些基本应用，留下了一点点小小的作业，一个是不使用第三个变量交换两个变量的值，另一个是用JavaScript打印九九乘法表。虽然非常简单，但也提升了我对JavaScript和CSS的熟练程度（其实可以说今天才真的开始学JavaScript和CSS）首先是不使用第三个变量交换两个变量的值<!DOCTYPE ...
复制链接

扫一扫