用js代碼列印菱形,編程列印菱形

本文目錄一覽：

• 1、求JavaScript列印菱形圖案
• 2、如何從頁面上輸入數字來列印菱形 js
• 3、怎麼用js輸出一個菱形
• 4、JavaScript用for循環列印這個菱形。

求JavaScript列印菱形圖案

script language=”javascript”

function lingxing(){

var i=0,j=0;

for(j=1;j=10;j++)

{

for(i=1;i=15-j;i++)

{

docment.write(” “);

}

for(i=1;i=2*j-1;i++)

{

docment.write(” * “);

}

docment.write(“\n”);

}

for(j=10;j=1;j–)

{

for(i=1;i=15-j;i++)

{

docment.write(“”);

}

for(i=2*j-1;i=1;i–) {

docment.write(“*”);

}

docment.write(“\n”)

}

}

/script

希望對你有所幫助,謝謝！

如何從頁面上輸入數字來列印菱形 js

外層for是循環行

內層的兩個for是輸出每行的空格和*

你出示的這句恰恰體現了用戶輸入的數字和行之間的關係。

自己寫著簡單，讀別人的就不簡單了。因為他沒有注釋。不扣它也罷。

怎麼用js輸出一個菱形

方法有很多，我用HTML5的canvas寫一個，你直接copy然後創建一個HTML文件，用google瀏覽器或者火狐亦或是高版本的IE打開就可以看到了

!DOCTYPE html

html

head

meta charset=”UTF-8″

title/title

style type=”text/css”

body{

margin: 0;

padding: 0;

}

#myCanvas{

margin:200px 600px;

border:5px solid #9c9898

}

/style

script type=”text/javascript”

window.onload = function(){

var canvas = document.getElementById(“myCanvas”);

var context = canvas.getContext(“2d”);

drawLine(context,250,10,490,250,20,”blue”,”round”);

drawLine(context,490,250,250,490,20,”blue”,”round”);

drawLine(context,250,490,10,250,20,”blue”,”round”);

drawLine(context,10,250,250,10,20,”blue”,”round”);

}

function drawLine(context,startX,startY,endX,endY,lineWidth,strokeStyle,lineCap){

context.beginPath();

context.moveTo(startX,startY);

context.lineTo(endX,endY);

context.lineWidth = lineWidth;

context.strokeStyle = strokeStyle;

context.lineCap = lineCap;

context.stroke();

}

/script

/head

body

canvas id=”myCanvas” width=”500″ height=”500″/canvas

/body

/html

JavaScript用for循環列印這個菱形。

function Printfile() {

    var num = prompt(“請輸入菱形的邊長(單擊確定之後會看到以*為單位長度組成的菱形)”);

    for (var i = 1; i = num; i++) //決定輸出的行數

    {

        for (var j = 1; j = num – i; j++) //決定每一行開頭的空格數

        {

            document.write(“nbsp”);

        }

        for (var k = 1; k = 2 * i – 1; k++) //決定每一行的*數

        {

            document.write(“*”);

        }

        document.write(“/br”);

    }

    for (var i = 1; i = num – 1; i++) //決定輸出的行數

    {

        for (var j = 1; j = i; j++) //決定每一行開頭的空格數

        {

            document.write(“nbsp”);

        }

        for (var k = 1; k = 2 * num – 1 – 2 * i; k++) //決定每一行的*數

        {

            document.write(“*”);

        }

        document.write(“/br”);

    }

}

調用後讓你輸入邊長，輸入之後就會出現菱形。

調用代碼：

Printfile();