js中打印金字塔

最新推荐文章于 2024-08-05 09:03:24 发布

可可崽

最新推荐文章于 2024-08-05 09:03:24 发布

阅读量1k

点赞数

文章标签： javascript

本文链接：https://blog.youkuaiyun.com/m0_60585989/article/details/123313487

版权

这段代码展示了如何使用HTML和CSS打印出一个由星号构成的金字塔图案。通过嵌套循环，它逐行输出星号，形成从窄到宽再到窄的形状。每一行的星号数量和颜色根据循环变量的变化而变化，最终形成视觉上的金字塔效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 // 打印金字塔
    // 1  1
    // 2  3
    // 3  5
    // 4  7
    // 5  9
    // 2n - 1
    // 1 4
    // 2 3
    // 3 2
    // 4 1
    // 5 0
    // ----*
    // ---***
    // --*****
    // -*******
    // *********
    for (var i = 1; i <= 5; i++) {
      for (var k = 1; k <= 5 - i; k++) {
        document.write('<i class="white">*</i>');
      }
      for (var j = 1; j <= 2 * i - 1; j++) {
        document.write('<i class="black">*</i>');
      }
      for (var k = 1; k <= 5 - i; k++) {
        document.write('<i class="white">*</i>');
      }
      document.write('<br/>');
    }