HTML CSS JS - Triangle Pattern - Chữ Cái Và Số Chẵn

Author - thinhphamvn

tháng 6 26, 2023

HTML CSS JS - Triangle Pattern - Chữ Cái Và Số Chẵn

Kết quả

Code

Viết code theo hình bên dưới

Nếu chưa được thì đừng lo, bạn có thể tham khảo code bên dưới:

<!--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>

Hoặc tải source code tại đây https://drive.google.com/file/d/1KKJp6BZEpFusgN-A9K3qEZGnRf34ogke/view?usp=sharing

Xem lại kết quả bằng 1 video ngắn https://www.youtube.com/watch?v=iEP-K6f540Q

HTML CSS JS - Triangle Pattern - Chữ Cái Và Số Chẵn

Đăng nhận xét

Lập Trình Web ASP.NET Core MVC - Nhà Sách Online - Coding With Thịnh

Hot Posts

Labels

Search This Blog

Most Recent

Lập Trình Web ASP.NET Core MVC - Nhà Sách Online - Coding With Thịnh

Lập Trình Web ASP.NET Core MVC - Đăng Nhập Đăng Ký - Coding With Thinh

Lập Trình Web ASP.NET Core MVC - Xây Dựng Website Order Đồ Ăn Đồ Uống Online - Coding With Thịnh

Lập Trình Web ASP.NET Core MVC CRUD Sử Dụng Entity Framework Database First

Hello ASP.NET Core MVC

Contact form