Membuat Pattern Dengan JavaScript

Gandi Rukmaning Ayu

Diunggah pada 18 November 2022 pukul 13.35 WIB

JavaScript
Apakah JavaScript Bisa Untuk Menggambar?
  • Tentu saja bisa! Kita dapat membuat gambar berupa berupa pattern dengan simbol bintang yang ada pada keyboard. Berikut Beberapa contoh gambar pattern yang dibuat menggunakan JavaScript beserta source codenya.
Persegi Panjang
    Persegi Panjang
    Persegi Panjang

    Pada gambar pattern persegi panjang kita menggunakan looping for. Pada perulangan yang pertama kita mencetak baris terlebih dahulu, kemudian inisialisasi variabel i dengan nilai awal 0. Dengan syarat perulangan apabila variabel i lebih kecil atau sama dengan 0, maka program akan dijalankan dan akan diincrement atau ditambah 1 hingga syaratnya terpenuhi. Pada perulangan tersebut variabel i digunakan untuk mencetak baris, sedangkan variabel j berfungsi untuk mencetak kolom. Pada perulangan ke-2 dan seterusnya untuk membuat kolom 10x10. Pada perulangan i didalamnya juga memproses perulangan yang lain yaitu variabel j, program tersebut akan membuat baris pertama apabila perulangan pada variabel j selesai. apabila perulangan pada variabel i dan j benar, maka program akan terus berulang dan mencetak hingga syarat terpenuhi. Tag br juga berfungsi untuk mengganti baris apabila sudah mencetak satu baris.

Segitiga Siku-Siku
    Persegi Panjang
    Persegi Panjang

    Pattern kali juga masih menggunakan looping for. Pada perulangan pertama digunakan untuk mencetak baris, kemudian inisialisasi variabel i yang memiliki nilai awal 0. Perulangan ini memiliki syarat apabila variabel i kurang dari sama dengan 10, maka program akan dijalankan dengan increment atau ditambah satu hingga syaratnya terpenuhi. Pattern dicetak setelah melalui nested loop dengan variabel j nilai awal 0, apabila j kurang dari sama dengan i kemudian increment atau tambah satu.

Segitiga Siku-Siku Terbalik
    Persegi Panjang
    Persegi Panjang

    Untuk pattern yang terakhir kita juga tetep menggunakan looping for. Pada perulangan pertama digunakan untuk mencetak baris, kemudian inisialisasi variabel i yang memiliki nilai awal 0. Perulangan ini memiliki syarat apabila variabel i kurang dari sama dengan 10, maka program akan dijalankan dengan increment atau ditambah satu hingga syaratnya terpenuhi. Pattern dicetak setelah melalui nested loop dengan variabel j nilai awal 0, apabila j kurang dari sama dengan i kemudian increment atau tambah satu. Cetak pattern setelah melewati nested loop dengan nilai awal variabel j adalah 10. Karena j lebih bersar dari i, maka kita decrement atau dikurang 1 di tiap iterasinya.


Artikel Lainnya
Cara Hosting Untuk Web Pribadi

Gandi R. Ayu (Jum'at, 18 November 2022)

Dampak Teknologi Internet Pada Sektor Pertahanan dan Keamanan

Gandi R. Ayu (Jum'at, 18 November 2022)

Membuat Pattern Menggunakan JavaScript

Gandi R. Ayu (Jum'at, 18 November 2022)