HTML Code

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Number Pattern 35 - Try It (Browser)</title>
  <style>
    .cell {
      display: inline-block;
      width: 28px;
      text-align: center;
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    }
  </style>
</head>
<body>
  <h1>Centered Increasing Number Pyramid (fixed-width cells)</h1>
  <p>Edit <code>size</code>, then click Run.</p>

  <script>
    var size = 5;
    var i, j, k = 1;
    for (i = 1; i <= size; i++) {
      for (j = size; j >= 1; j--) {
        if (j > i)
          document.write("<span class='cell'></span>");
        else
          document.write("<span class='cell'>" + (k++) + "</span>");
      }
      document.write("<br>");
    }
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

JavaScript Number Pattern 35 (Try It — Browser)