HTML Code

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Number Pattern 41 - Try It (Browser)</title>
  <style>
    .cell {
      display: inline-block;
      text-align: center;
      width: 36px;
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }
  </style>
</head>
<body>
  <h1>Centered Square Pyramid (fixed-width cells)</h1>
  <p>Edit the max width, then click Run.</p>
  <script>
    var maxWidth = 9; // 1,3,5,7,9
    var i, j, k;
    var m = 1;
    for (i = 1; i <= maxWidth; i += 2) {
      for (j = i; j < maxWidth; j++)
        document.write("&nbsp;&nbsp;&nbsp;&nbsp;");
      for (k = 1; k <= i; k++) {
        document.write("<span class='cell'>" + (m*m) + "</span>");
        m++;
      }
      document.write("<br>");
    }
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

JavaScript Number Pattern 41 (Try It — Browser)