HTML Code

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Star Pattern 8 - Try It</title>
</head>
<body>
  <h1>V-Shaped Hollow Star Pattern</h1>
  <p>Open the HTML code and change <code>rows</code>, then click Run.</p>

  <pre id="output"></pre>

  <script>
    (() => {
      // Change this value to try different sizes
      const rows = 5;

      let result = "";
      for (let i = rows; i >= 1; i--) {
        for (let s = 1; s <= rows - i; s++) result += " ";
        result += "*";

        if (i > 1) {
          for (let g = 1; g <= 2 * i - 3; g++) result += " ";
          result += "*";
        }

        result += "\n";
      }

      document.getElementById("output").textContent = result;
    })();
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

JavaScript Star Pattern 8 (Try It)