列印笑臉(html+js)
阿新 • • 發佈:2019-01-28
效果圖:
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/>"); }