javascript輸出菱形圖形程式碼例項

admin發表於2017-04-05
原文網址 : https://www.softwhy.com/article-5967-1.html
JavaScript

本章節分享一段程式碼例項，它實現了輸出一個菱形圖案的效果。

此程式碼在實際應用中應該比較少見，但是可以作為對javascript程式碼的學習做一下參考。

程式碼如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script>
function done(){
  var len=13;
  var harfLen=Math.floor(len/2);
  var str="";
  for(var i=0;i<len;i++){
    if(i<=harfLen){
      for(var j=0;j<harfLen-i;j++){
            str=str+" ";  
          }
          for(x=0;x<i*2+1;x++){
            str=str+"*";
          }
          str=str+"\n";
        }
        else{
          for(var j=0;j<i-harfLen;j++){
            str=str+" ";
          }
          for(var x=0;x<(2*harfLen-i)*2+1;x++){
            str=str+"*";
          }
          str=str+"\n";
        }
  }
  return str;
}
alert(done());
</script>
</head>
<body>
</body>
</html>

相關文章