Pernahkah kalian diberi tugas oleh dosen/guru di sekolah atau kampus untuk membuat sebuah pola dengan bintang atau star pattern di JavaScript? Pada kesempatan kali ini saya akan memberikan beberapa jenis pola bintang dibuat menggunakan bahasa pemrograman JavaScript beserta script-nya.


Cara Membuat Pattern Di Javascript

Membuat pattern di Javascript memanfaatkan looping. Apa Itu Looping ? looping adalah pernyataan atau instruksi yang diberikan kepada komputer agar ia mau melakukan sesuatu entah itu memproses data, menampilkan data, atau yang lainnya secara berulang.


Jenis looping yang dipakai kali ini :

  1. Looping for

    Contoh:

    for(i=0;i<5;i++){syntax} /Looping 5 times>
  2. Looping while

    Contoh:

    while(True){syntax} /Looping until False

1.) Pola persegi


let hasil = "";
for(let i = 0;i<4;i++){
for(let j=0;j<8;j++){
hasil+="*";
}
hasil+="\n";
}
document.write(hasil);
Hasil Output :
********
********
********
********

2.) Pola persegi panjang


let hasil = "";
for(let i = 0;i<4;i++){
for(let j=0;j<15;j++){
hasil+="*";
}
hasil+="\n";
}
document.write(hasil);
Hasil Output :
***************
***************
***************
***************

3.) Pola segitiga siku-siku


let hasil = "";
for(let i=0;i<6;i++){
for(let j=0;j hasil+="*";
}
hasil+="\n";
}
document.write(hasil);
Hasil Output :
*
**
***
****
*****
******

4.) Pola segitiga siku-siku terbalik


let hasil = "";
for(let i=0;i<6;i++){
for(let j=i;j<6;j++){
hasil+="*";
}
hasil+="\n";
}
document.write(hasil);
Hasil Output :
******
*****
****
***
**
*

5.) Pola segitiga sama kaki


for (var i=1;i<=10;i++){
for (var j=i;j<=10;j++){
document.write(" ");
}
for (var k=1;k<=i;k++){
document.write("*");
}
document.write("<br>");
}
Hasil Output :
		*
* *
* * *
* * * *
* * * * *
* * * * * *
* * * * * * *
* * * * * * * *
* * * * * * * * *
* * * * * * * * * *