用js代码打印菱形,编程打印菱形

发布时间：2023-12-08

用js代码打印菱形,编程打印菱形

更新：2022-11-18 19:36

本文目录一览：

1、求JavaScript打印菱形图案
2、[如何从页面上输入数字来打印菱形 js](#如何从页面上输入数字来打印菱形 js)
3、怎么用js输出一个菱形
4、JavaScript用for循环打印这个菱形。

求JavaScript打印菱形图案

function lingxing(){
    var i=0,j=0;
    for(j=1;j<=10;j++)
    {
        for(i=1;i<=15-j;i++)
        {
            document.write(" ");
        }
        for(i=1;i<=2*j-1;i++)
        {
            document.write(" * ");
        }
        document.write("\n");
    }
    for(j=10;j>=1;j--)
    {
        for(i=1;i<=15-j;i++)
        {
            document.write("");
        }
        for(i=2*j-1;i>=1;i--) {
            document.write("*");
        }
        document.write("\n")
    }
}

希望对你有所帮助，谢谢！

如何从页面上输入数字来打印菱形 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();
推荐文章