HTML Code

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Star Pattern 5 - Try It</title>
</head>
<body>
  <h1>Center-Aligned Pyramid 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 = 1; i <= rows; i++) {
        for (let s = 1; s <= rows - i; s++) result += " ";
        for (let j = 1; j <= 2 * i - 1; j++) result += "*";
        result += "\n";
      }

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

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

JavaScript Star Pattern 5 (Try It)