Cara Membuat Program Pola Menggunakan JavaScript
Halo guys, Pada kesempatan kali ini saya akan memberikan beberapa jenis pola bintang dibuat menggunakan bahasa pemrograman JavaScript beserta script-nya.
- Langkah pertama yaitu buat sebuah folder bebas
- Kemudian, buat file html dengan nama index.html di dalam folder tersebut
- struktur HTML seperti biasanya.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tutorial 1</title>
</head>
<body>
<script src="script.js"></script>
</body>
</html>
- buat file javascript dengan nama script.js di folder yang sama
- panggil file script.js di dalam file index.html (lihat kode baris ke-11)
<script src="script.js"></script>
Informasi
- hasilnya nanti akan dilihat pada panel console pada browser menggunakan console.log()
- cara membuka panel console, kita buka file index.html tadi pada browser kalian, kalau sudah muncul halaman kosong, klik kanan, pilih inspeksi.
- pilih console
- kode javaScript untuk menampilkan ke console ini adalah console.log()
- untuk membuat baris baru, menggunakan \n
Cara membuat pola segitiga siku-siku
console.log("Segitiga siku-siku");
let bentuk2 = "";
for(let i = 0; i < 6; i++)
{
for(let j = 0; j <= i; j++)
{
bentuk2 += '*'
}
bentuk2 += "\n";
}
console.log(bentuk2);
Hasil
Cara membuat pola segitiga sama kaki
console.log("segitiga sama kaki")
let bentuk3 = "";
for(let i = 0; i < 6; i++)
{
for(let j = 0; j <= i; j++)
{
bentuk3 += '*'
}
bentuk3 += "\n";
}
for(let i = 6; i >= 0; i--)
{
for(let j = 0; j <= i; j++)
{
bentuk3 += '*'
}
bentuk3 += "\n"
}
console.log(bentuk3)
Hasil
Gambar bebas menggunakan document.write
Ketika kalian dapat menguasai logikanya dengan baik, maka kalian dapat membuat pola sesuai dengan keinginan kalian. Berikut contoh yang akan saya berikaan berupa pohon cemara menggunakan simbol-simbol dengan menggunakan fungsi document.write
//--------Gambar Bebas-------------//
//daun atas
let m = 1;
for (let i = 1; i <= 6; i++) {
//
for (let s = 12 - i; s > 0; s--) {
document.write('_');
}
//banyak * dalam 1 baris
for (let j = 1; j <= m; j++) {
document.write('x');
}
//
for (let s = 12 - i; s > 0; s--) {
document.write('_');
}
m += 2;
document.write('
');
}
//daun bawah
let n = 7;
for (let i = 1; i <= 6; i++) {
//
for (let s = 9 - i; s > 0; s--) {
document.write('_');
}
//banyak * dalam 1 baris
for (let j = 1; j <= n; j++) {
document.write('x');
}
//
for (let s = 9 - i; s > 0; s--) {
document.write('_');
}
n += 2;
document.write('
');
}
//batang
for (let a = 1; a <= 6; a++) {
for (b = 1; b <= 10; b++) {
document.write('_');
}
for (c = 1; c <= 3; c++) {
document.write('n');
}
for (b = 1; b <= 10; b++) {
document.write('_');
}
document.write('
');
}
//rumput
for (let a = 1; a <= 2; a++) {
for (let b = 1; b <= 16; b++) {
document.write('w');
}
document.write('
');
}
document.write('
');
Hasil
Demikian tutorial yang dapat saya bagikan ke teman-teman, semoga kalian dapat memahami. Jangan lupa coba terus berlatih supaya skill kalian dapat terus meningkat terutama dalam logika pemrograman.