HTML CSS JS - Triangle Pattern - Letters And Even Numbers

Author - thinhphamvn

June 26, 2023

HTML CSS JS - Triangle Pattern - Letters And Even Numbers

Result

Code

Rewrite the code according to the image below

If it doesn’t work, don’t worry, you can refer to the code below:

<!--ThinhPham YouTube Channel
  youtube.com/@thinhphamvn-->

<html>
<head>
  <title>
    Triangle Pattern 6 -
    Tam Giác Các Chữ Cái Alpha 
    Và Các Số Chẵn
  </title>
  <style>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }
    body {
      min-height: 100vh;
      display: flex;
      justify-content: center;
      align-items: center;
      color: rgb(52, 212, 52);
      font-size: 20px;
      font-weight: bold;
      background-color: #000c18;
    }
  </style>
</head>
<body>
  <script>
    let n = 9;
    let string = "";
    for (let i = 1; i <= n; i++) {
      for (let j = n - 1; j >= i; j--) {
        string += " ";
      }
      for (let k = 1; k <= i; k++) {
        if (i % 2 != 0) {
          string += String.fromCharCode(i + 64) + " ";
        }
        else {
          string += i + " ";
        }
      }
      string += "<br>";
    }
    document.write(`<pre>${string}</pre>`);
  </script>
</body>
</html>

Or download the source code here https://drive.google.com/file/d/1KKJp6BZEpFusgN-A9K3qEZGnRf34ogke/view?usp=sharing

---

Trang Facebook facebook.com/codingwiththinh

Trang Web 1 tpvncode.blogspot.com
Trang Web 2 codingwiththinh.blogspot.com

Kênh YouTube 1 youtube.com/@thinhphamvn

Kênh YouTube 2 youtube.com/@codingwiththinh

HTML CSS JS - Triangle Pattern - Letters And Even Numbers

Post a Comment

Animated Snowflake - HTML CSS JS - P5JS

Speech Bubble

Hot Posts

Labels

Search This Blog

Most Recent

Animated Snowflake - HTML CSS JS - P5JS

Fold Cube Loader - HTML CSS

Square Pattern - A Square Has 2 Diagonals - HTML CSS JavaScript

Square of star and sharp characters - HTML CSS JavaScript

Create your C++ Console project with Visual Studio 2022

Contact form

HTML CSS JS - Triangle Pattern - Letters And Even Numbers

You may like these posts

Post a Comment

Contact form