js写等腰三角形

最新推荐文章于 2024-09-13 16:27:14 发布

原创最新推荐文章于 2024-09-13 16:27:14 发布 · 3.1k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

JavaScript

当前文章被收录于：

JavaScript

7 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何利用JavaScript在网页上绘制一个等腰三角形，通过动态设置SVG元素的路径来实现图形的绘制，适合前端开发者学习JavaScript图形编程。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        for (var i = 0; i <= 5; i++) { //控制行
            for (var j = 1; j <= 5 - i; j++) { //控制每一行的空格
                document.write('&nbsp')
            }
            for (var k = 1; k <= 2 * i - 1; k++) { //控制每一行根据星星打印的值 
                document.write('*')
            } 
           document.write('<br>') //换行
        }
    </script>
</body>
</html>