html 使用*打印出菱形

最新推荐文章于 2023-10-28 00:59:31 发布

浮桥

最新推荐文章于 2023-10-28 00:59:31 发布

阅读量757

点赞数

文章标签： javascript html

本文链接：https://blog.csdn.net/weixin_44801790/article/details/129681772

版权

找工作时的面试题，使用*打印出菱形，忽然没有什么思路，翻了翻百度上别个写的，自己实现出了一种方法。

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

<head>
  <meta charset="UTF-8">
  <meta
    http-equiv="X-UA-Compatible"
    content="IE=edge"
  >
  <meta
    name="viewport"
    content="width=device-width, initial-scale=1.0"
  >
  <title>使用 * 打印出菱形</title>
</head>

<body>
  <script>
    let num = 7;
    function fn (num) {
      let n = Math.ceil(num / 2);
      for (let i = 0; i < n; i++) {
        for (let j = 0; j < n - i; j++) {
          document.write("&nbsp;&nbsp;");
        }
        for (let j = 0; j < 2 * i + 1; j++) {
          document.write(" * ");
        }
        document.write("<br/>");
      }

      for (let i = 1; i <= num - n; i++) {
        for (let j = 0; j <= i; j++) {
          document.write("&nbsp;&nbsp;");
        }
        for (let k = 1; k <= num - 2 * i; k++) {
          document.write(" * ");
        }
        document.write("<br/>");
      }
    }

    fn(num)
  </script>
</body>

</html>