打印笑脸(html+js)

效果图:

html主要是引用
<!DOCTYPE html>
<html>
	<head>
		<title>打印笑脸</title>
		<meta charset="UTF-8"/>
		<!--引入外部js-->
		<script type="text/javascript" src="Js/smile.js">
		</script>
		
	</head>
	<body>
		
	</body>
</html>

javascript中代码如下

//打印笑脸
//声明笑脸变量
var icon ="\u263a"
//利用外循环与<br/>控制行
for (var i=0;i<=6;i++) {
//控制左边的空间
for (var o=0;o<i;o++) {
document.write("  ");
}
//利用等差公式控制笑脸变量
for (var o=1;o<(6-(i-1)*1);o++) {

document.write(icon+" ");
}
//控制右边的空间
for (var o=0;o<i;o++) {

document.write("  ");
}
//换行
document.write("<br/>");

}



猜你喜欢

转载自blog.csdn.net/qq_17107171/article/details/79673509