Làm cách nào để in mẫu sao trong HTML?

Hôm nay, Chúng tôi muốn chia sẻ với các bạn chương trình kim tự tháp bằng javascript. Trong bài đăng này, chúng tôi sẽ giới thiệu cho bạn về kim tự tháp js, hãy nghe để viết chương trình in mẫu số bằng javascript, chúng tôi sẽ cung cấp cho bạn bản demo và ví dụ để thực hiện. Trong bài viết này, chúng ta sẽ tìm hiểu về chương trình kim tự tháp số trong php với một ví dụ

Làm cách nào để hiển thị kim tự tháp bằng JavaScript?

nội dung

Cũng nên đọc phần này 👉   thanh trượt băng chuyền dọc bootstrap với ví dụ jQuery

ví dụ 1

function generatePyramid() {
    var totalNumberofRows = 5;
    var output = '';
    for (var i = 1; i <= totalNumberofRows; i++) {
        for (var j = 1; j <= i; j++) {
            output += j + '  ';
        }
        console.log(output);
        output = '';
    }
}

generatePyramid();

In hình kim tự tháp số và ngôi sao

ví dụ 2

var totalRw=5;
for(var i=1;i<=totalRw;i++)
{
	for(var j=1;j<=i;j++)
	{
		document.write(" * ");
	}
	document.write("
");
}

//Output:
*
* *
* * *
* * * *
* * * * *

Hiển thị kim tự tháp bằng vòng lặp for

ví dụ 3

var totalRw = 5;
for(var i=1; i<=totalRw; i++)
{
	for(var k=1; k<=( totalRw-i ); k++)
	{
		document.write(" ");
	}

	for(var j=1; j<=i; j++)
	{
		document.write("* ");
	}
	document.write("
");
}

Output:
    *
   * *
  * * *
 * * * *
* * * * *

Tôi hy vọng bạn có ý tưởng về chương trình mẫu javascript
Tôi muốn có thông tin phản hồi về infinityknow của tôi. blog com
Phản hồi, câu hỏi hoặc nhận xét có giá trị của bạn về bài viết này luôn được chào đón
Nếu bạn thích và thích bài đăng này, đừng quên chia sẻ

Bài viết liên quan

1. In mẫu sao trong PHP
2. Đi đến Chương trình In Mô hình Kim tự tháp bằng số
3. Làm cách nào để in một mẫu hình ngôi sao trong PHP?
4. mô hình ngôi sao trong php
5. Chương trình mô hình tam giác trong PHP
6. cách in giá trị biến javascript trong trang html?
7. cú pháp javascript chính xác để viết xin chào thế giới là gì?
8. Mã nguồn in chương trình tam giác sao PHP
9. Các chương trình mẫu số trong php Ví dụ

Cũng đọc phần này 👉   jquery bộ chọn ngày giờ

Sử dụng JavaScript, chúng tôi có thể dễ dàng viết bất kỳ mã lập trình nào, Ở đây chúng tôi viết một trong những chương trình phổ biến nhất Print Star Pattern trong JavaScript. Để thực hiện nhiệm vụ này chúng ta cần vòng lặp for. Trong JavaScript, chúng tôi sử dụng tài liệu. write() để in * ra màn hình

In Tam giác sao trong JavaScript

đầu ra

*
**
***
****
*****

In Tam giác sao trong JavaScript

đầu ra

________số 8_______

---

---

Magenet là giải pháp thay thế Adsense tốt nhất ở đây chúng tôi kiếm được 2 đô la cho một liên kết, Ở đây chúng tôi nhận được các quảng cáo liên kết. magenet

---

bạn có thể thử cái này

 var x, y, space = "",
    star = "",
    n = 4,
    m = n - 1;
for (x = 1; x <= n; x++) {
    for (y = m; y >= 1; y--) {
        space = space + (" ");
    }
    m--;
    for (let k = 1; k <= x * 2 - 1; k++) {
        star = star + "*"
    }
    console.log(space + star)
    space = '';
    star = "";
}

Đó là một dãy sao (*) tạo nên một mô hình hoặc hình dạng hình học nhất định như hình vuông, hình chóp, hình tam giác, v.v. Các mẫu này được tạo bằng cách sử dụng một số vòng lặp được kiểm soát lồng nhau

Các chương trình mẫu được sử dụng để thực hành và nâng cao kỹ năng lập trình như vòng lặp JavaScript và cũng được yêu cầu tạo trong các cuộc phỏng vấn lập trình

---

Chương trình mô hình ngôi sao trong Javascript

Chúng ta sẽ tạo 15 chương trình mô hình ngôi sao khác nhau bằng javascript và in chúng

---

1. Mô hình ngôi sao hình vuông trong Javascript

*****
*****
*****
*****
*****

Để tạo mẫu hình sao vuông, hãy chạy 2 vòng lặp for lồng nhau . Thực hiện mỗi vòng lặp với số lần 'n', trong đó 'n' là số hàng/cột trong hình vuông, i. e

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    if(i === 0 || i === n - 1) {
      string += "*";
    }
    else {
      if(j === 0 || j === n - 1) {
        string += "*";
      }
      else {
        string += " ";
      }
    }
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

0.

Vòng lặp bên trong sẽ chạy trong số lần 'n' sẽ in bắt đầu liên tiếp và một dòng mới ở cuối vòng lặp (

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    if(i === 0 || i === n - 1) {
      string += "*";
    }
    else {
      if(j === 0 || j === n - 1) {
        string += "*";
      }
      else {
        string += " ";
      }
    }
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

1) trong khi vòng lặp bên ngoài sẽ chạy vòng lặp bên trong với số lần 'n' sẽ in

Thí dụ

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    string += "*";
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

▶ Hãy thử chạy tại đây

---

2. Mô hình vuông rỗng

*****
*   *
*   *
*   *
*****

Các bước để tạo ra một mô hình ngôi sao vuông rỗng là

1. Tạo một biến để lưu trữ chuỗi và gán nó với một chuỗi rỗng
2. Tạo một vòng lặp for để chạy với số lần 'n', trong đó 'n' là số hàng/cột trong ô vuông, i. e

   let n = 5; // row or column count
   // defining an empty string
   let string = "";
   
   for(let i = 0; i < n; i++) { // external loop
     for(let j = 0; j < n; j++) { // internal loop
       if(i === 0 || i === n - 1) {
         string += "*";
       }
       else {
         if(j === 0 || j === n - 1) {
           string += "*";
         }
         else {
           string += " ";
         }
       }
     }
     // newline after each row
     string += "\n";
   }
   // printing the string
   console.log(string);

   0
3. Bên trong vòng lặp, tạo vòng lặp for in dấu sao (*) ở đầu và cuối dòng và khoảng trắng ở giữa
4. Ngoài ra, hãy nhớ rằng hàng đầu tiên và hàng cuối cùng chỉ nên có các ngôi sao
5. Thêm một dòng mới sau mỗi hàng

Thí dụ

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    if(i === 0 || i === n - 1) {
      string += "*";
    }
    else {
      if(j === 0 || j === n - 1) {
        string += "*";
      }
      else {
        string += " ";
      }
    }
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

▶ Hãy thử chạy tại đây

---

3. Mẫu tam giác bên phải trong Javascript

    *
   **
  ***
 ****
*****

Để tạo mẫu tam giác vuông trong javascript, bạn sẽ phải xử lý 3 vòng lặp, trong đó có 1 vòng lặp bên ngoài và 2 vòng lặp bên trong. Vòng lặp bên ngoài sẽ thực hiện các vòng lặp bên trong với số lần 'n' và vòng lặp bên trong sẽ thiết kế một mẫu cho mỗi hàng

Từ mẫu trên, bạn có thể thấy mỗi hàng có một loạt các ngôi sao và khoảng trắng. Số lượng sao trong một hàng bắt đầu từ 1 trước dấu cách 'n-1' và kết thúc bằng dấu sao 'n' và 0 dấu cách

Tạo 2 vòng lặp bên trong, chữ in đầu tiên

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    if(i === 0 || i === n - 1) {
      string += "*";
    }
    else {
      if(j === 0 || j === n - 1) {
        string += "*";
      }
      else {
        string += " ";
      }
    }
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

3 dấu cách và chữ in thứ 2

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    if(i === 0 || i === n - 1) {
      string += "*";
    }
    else {
      if(j === 0 || j === n - 1) {
        string += "*";
      }
      else {
        string += " ";
      }
    }
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

4 sao, trong đó

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    if(i === 0 || i === n - 1) {
      string += "*";
    }
    else {
      if(j === 0 || j === n - 1) {
        string += "*";
      }
      else {
        string += " ";
      }
    }
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

4 là số lần vòng lặp bên ngoài được thực hiện

Thí dụ

let n = 5;
let string = "";
for (let i = 1; i <= n; i++) {
  // printing spaces
  for (let j = 0; j < n - i; j++) {
    string += " ";
  }
  // printing star
  for (let k = 0; k < i; k++) {
    string += "*";
  }
  string += "\n";
}
console.log(string);

▶ Hãy thử chạy tại đây

---

báo cáo quảng cáo này

4. Mô hình tam giác trái trong Javascript

*
**
***
****
*****

Để tạo mẫu hình tam giác bên trái trong javascript, hãy chạy lại 2 vòng lặp bên ngoài

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    if(i === 0 || i === n - 1) {
      string += "*";
    }
    else {
      if(j === 0 || j === n - 1) {
        string += "*";
      }
      else {
        string += " ";
      }
    }
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

6 lồng nhau sẽ xử lý các cột của mẫu và vòng lặp bên trong sẽ in các hàng của mẫu

Bạn có thể quan sát từ mẫu hiển thị ở trên rằng chúng ta cần chạy một vòng lặp bên ngoài trong thời gian 'n' trong khi vòng lặp bên trong chạy 1 lần trong lần thực hiện đầu tiên, 2 lần trong lần thực hiện thứ hai, v.v. cho đến 'n' lần

Bạn có thể sử dụng giá trị của

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    if(i === 0 || i === n - 1) {
      string += "*";
    }
    else {
      if(j === 0 || j === n - 1) {
        string += "*";
      }
      else {
        string += " ";
      }
    }
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

4 từ vòng lặp bên ngoài, giá trị này sẽ tăng từ 1 lên 'n' bên trong vòng lặp bên trong làm điều kiện

Thí dụ

let n = 5;
let string = "";
for (let i = 1; i <= n; i++) {
  for (let j = 0; j < i; j++) {
    string += "*";
  }
  string += "\n";
}
console.log(string);

▶ Hãy thử chạy tại đây

---

5. Mô Hình Ngôi Sao Tam Giác Hướng Xuống

*****
****
***
**
*

Để tạo mẫu hình sao tam giác hướng xuống, sử dụng vòng lặp lồng nhau, nó còn được gọi là mẫu hình sao ngược. Từ mẫu hiển thị ở trên, bạn có thể thấy số lượng sao giảm từ 'n' xuống 1

Chạy một

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    if(i === 0 || i === n - 1) {
      string += "*";
    }
    else {
      if(j === 0 || j === n - 1) {
        string += "*";
      }
      else {
        string += " ";
      }
    }
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

6 bên trong một vòng lặp bên ngoài có số lần lặp lại giảm từ 'n' xuống 1

Thí dụ

let n = 5;
let string = "";
for (let i = 0; i < n; i++) {
  // printing star
  for (let k = 0; k < n - i; k++) {
    string += "*";
  }
  string += "\n";
}
console.log(string);

▶ Hãy thử chạy tại đây

---

6. Mô Hình Ngôi Sao Tam Giác Rỗng

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    string += "*";
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

0

Các bước để tạo một mô hình ngôi sao tam giác rỗng là

1. Chạy 2 vòng lặp lồng nhau, lần thứ nhất cho 'n' lần và lần thứ hai trong 1 lần cho hàng đầu tiên, lần thứ hai trong 2 lần cho hàng thứ hai, v.v. cho đến 'n' lần
2. In dấu sao cho vị trí đầu tiên và cuối cùng trong mỗi hàng và dấu cách cho các vị trí khác
3. Ở dòng cuối cùng in dấu sao ở mỗi vị trí

Thí dụ

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    string += "*";
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

1▶ Hãy thử chạy tại đây

---

7. Mô hình kim tự tháp Javascript

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    string += "*";
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

2

Mô hình ngôi sao Kim tự tháp là một mô hình ngôi sao nổi tiếng, bạn có thể thấy hình dạng của mô hình ở trên

Nó sử dụng 2 vòng lặp bên trong vòng lặp bên ngoài, một vòng để in dấu cách và vòng còn lại để in các ngôi sao

Số khoảng trống trong một hàng là

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    if(i === 0 || i === n - 1) {
      string += "*";
    }
    else {
      if(j === 0 || j === n - 1) {
        string += "*";
      }
      else {
        string += " ";
      }
    }
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

3 trong mỗi hàng và số ngôi sao trong một hàng là

    *
   **
  ***
 ****
*****

0

Thí dụ

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    string += "*";
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

3▶ Hãy thử chạy tại đây

Ngoài ra, hãy xem các mẫu bảng chữ cái trong JavaScript

---

8. Mô Hình Ngôi Sao Kim Tự Tháp Đảo Ngược

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    string += "*";
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

4

Mô hình sao kim tự tháp đảo ngược là mô hình kim tự tháp lộn ngược

Nó sử dụng 2 vòng lặp bên trong vòng lặp bên ngoài, một vòng để in dấu cách và vòng còn lại để in ngôi sao. Vòng lặp đầu tiên in dấu cách và các dấu sao in vòng lặp khác. Đây là mã của mô hình ngôi sao kim tự tháp ngược

Số khoảng trống trong một hàng là

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    if(i === 0 || i === n - 1) {
      string += "*";
    }
    else {
      if(j === 0 || j === n - 1) {
        string += "*";
      }
      else {
        string += " ";
      }
    }
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

4 và số ngôi sao là

    *
   **
  ***
 ****
*****

2

Thí dụ

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    string += "*";
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

5▶ Hãy thử chạy tại đây

---

Ở phía trước, tìm hiểu thêm

• Các chương trình mẫu bảng chữ cái trong Javascript
• Chương trình mẫu số trong Javascript

---

9. Mô Hình Ngôi Sao Kim Tự Tháp Rỗng

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    string += "*";
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

6

Các bước để tạo một mô hình ngôi sao kim tự tháp rỗng là

1. Chạy 2 vòng lặp lồng nhau, lần đầu tiên cho 'n' lần và có 2 vòng lặp bên trong, một vòng để in chuỗi khoảng trắng đầu tiên và vòng còn lại để in chuỗi sao và dấu cách
2. In dấu sao cho vị trí đầu tiên và cuối cùng trong mỗi hàng và khoảng trắng ở giữa
3. Ngôi sao in ở mỗi vị trí trong hàng cuối cùng

Thí dụ

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    string += "*";
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

7▶ Hãy thử chạy tại đây

---

10. Mô hình kim cương trong Javascript

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    string += "*";
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

8

Mô hình ngôi sao kim cương là sự kết hợp giữa mô hình ngôi sao kim tự tháp và mô hình ngôi sao kim tự tháp ngược

Quan sát ở hình trên ta thấy hình chóp và hình chóp ngược cùng nhau. Sử dụng các khái niệm trên để tạo hình dạng kim cương

Thí dụ

let n = 5; // row or column count
// defining an empty string
let string = "";

for(let i = 0; i < n; i++) { // external loop
  for(let j = 0; j < n; j++) { // internal loop
    string += "*";
  }
  // newline after each row
  string += "\n";
}
// printing the string
console.log(string);

9▶ Hãy thử chạy tại đây

---

11. Mô hình kim cương rỗng

*****
*   *
*   *
*   *
*****

0

Mô hình kim cương rỗng là một hình dạng kim cương đơn giản chỉ có một đường viền được tạo thành từ các ngôi sao. Nó là sự kết hợp của kim cương và mô hình kim cương ngược

Thí dụ

*****
*   *
*   *
*   *
*****

1▶ Hãy thử chạy tại đây

---

12. Mô hình ngôi sao đồng hồ cát

*****
*   *
*   *
*   *
*****

2

Mô hình ngôi sao đồng hồ cát cũng được tạo thành từ các mô hình ngôi sao kim tự tháp và kim tự tháp ngược

Quan sát ở hình trên ta thấy hình chóp ngược và hình chóp bằng nhau. Sử dụng các khái niệm trên để tạo hình dạng kim cương

Thí dụ

*****
*   *
*   *
*   *
*****

3▶ Hãy thử chạy tại đây

---

13. Mẫu sao Pascal phải

*****
*   *
*   *
*   *
*****

4

Mẫu sao pascal bên phải được tạo bằng 2 vòng lặp lồng nhau

Bạn có thể quan sát thấy trong mô hình trên, không có gì khác ngoài mô hình ngôi sao tam giác vuông và mô hình ngôi sao tam giác đảo ngược cùng nhau. Đây là mã cho mẫu sao pascal bên phải

Thí dụ

*****
*   *
*   *
*   *
*****

5▶ Hãy thử chạy tại đây

---

14. Mô hình ngôi sao Pascal bên trái

*****
*   *
*   *
*   *
*****

6

Mẫu sao pascal bên trái cũng được tạo bằng 2 vòng lặp lồng nhau

Nó giống như mẫu sao pascal bên phải vừa được nhân đôi. Đây là mã cho mẫu sao pascal bên phải

Thí dụ

*****
*   *
*   *
*   *
*****

7▶ Hãy thử chạy tại đây

---

15. Mô Hình Ngôi Sao Trái Tim Trong JavaScript

*****
*   *
*   *
*   *
*****

8

Mô hình ngôi sao trái tim là một cấu trúc khá phức tạp để tạo. Nếu bạn quan sát mô hình hiển thị ở trên thì bạn có thể thấy nó được tạo thành từ nhiều cấu trúc và không gian nhỏ hơn khác.

Mã hoàn chỉnh của mẫu ngôi sao trái tim như sau

Thí dụ

*****
*   *
*   *
*   *
*****

9▶ Hãy thử chạy tại đây

Bạn có thể chạy tất cả các mã trên trong trình biên dịch javascript trực tuyến của chúng tôi

---

Phần kết luận

Trong bài viết này, chúng ta đã thảo luận về mẫu hình sao trong JavaScript. Chúng tôi đã tạo một mẫu hình sao bằng cách sử dụng các khái niệm về vòng lặp và điều kiện. Chúng tôi cũng đã sử dụng các khái niệm về đệ quy và phép lặp để tạo mẫu sao

Bấm vào hình bên dưới để tải ảnh về tham khảo nhanh

Có nhiều mẫu hình ngôi sao khác mà bạn có thể làm việc nhưng những ví dụ này đủ để giúp bạn hiểu cơ bản về cách làm việc với chúng và phần còn lại phụ thuộc vào trí tưởng tượng và kỹ năng mã hóa của bạn

Làm cách nào để in kim tự tháp sao trong JavaScript?

Làm cách nào để in mẫu sao trong php?

Làm cách nào để tạo dấu sao trong JavaScript?

Làm cách nào để in sao trong JavaScript bằng vòng lặp while?