博客列表 >js用for循环输出乘法口诀表与星星三角形 3月26日作业

js用for循环输出乘法口诀表与星星三角形 3月26日作业

小毛的博客
小毛的博客原创
2019年04月02日 08:06:001479浏览

实例-乘法口诀表

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style>	</style>
</head>
<body></body>
	<script>
		var str = '';
		for(i=1;i<=9;i++){
			for(j=1;j<=i;j++){
				str += i+"x"+j+"="+i*j;
				if(i*j>9){str += "  "}else{str +="    "}
			}
			str += "<br>"
		}
		document.write(str);
	</script>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图

QQ截图20190402075850.png

实例--星星三角形

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style>	</style>
</head>
<body></body>
	<script>
		var star='';
		for(i=1;i<=20;i=i+2){
			
			for(j=1;j<=20-i;j++){
				star += " ";
			}
			for(j=1;j<=i;j++){
				star += "*";  
			}
			star += "<br>";

		}
		document.write(star);
	</script>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

效果图

QQ截图20190402075907.png


总结:

星星三角形没有能做到很正。试过不用循环,直接手打,仍然不能正。在我的谷歌浏览器上,大概7个星星的空间与10个空格的空间差不多,故无法对齐、摆正。


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议