1. 程式人生 > >列印笑臉(html+js)

列印笑臉(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/>");

}