Java Script symbol programming.

Pengenalan dasar pada JavaScript

Posted by Myself on November 17, 2022

Pagi teman-teman semuanya, semoga pada sehat semua yah. Kali ini saya akan membagikan cara membuat pola segitiga dari bintang. Tidak bosan-bosan nya kita selalu berlatih logika agar ketika kita dihadapkan dalam suatu kenyataan yang membutuhkan logika, kita tidak perlu bingung.

Persiapan

Disini saya menggunakan bahasa pemrograman JavaScript (JS), kalian dapat menggunakan bahasa pemrograman apa saja yang kalian kuasai, intinya disini kita belajar logikanya saja.

  • pertama buat folder dengan nama logika
  • 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 kotak

Untuk latihan dasar, kita buat dulu pola yang mudah, yakni pola berbentuk kotak. Dalam membuat pola kotak, kita bisa menggunakan 2 perulangan. Langsung saja menuju kode programnya.

                    console.log("Bentuk 1");

                    let bentuk1 = "";
                                
                    for(let i = 0; i < 6; i++) 
                    { 
                        for(let j = 0; j < 6; j++) 
                        { 
                        bentuk1 += "*";
                        }  
                    bentuk1 += "\n";
                    }
                    console.log(bentuk1);
                    
Hasil



Cara membuat pola segitiga siku-siku
                    console.log("Bentuk 2");

                    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("Bentuk 3")

                    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

Demikian latihan kita hari ini, semoga dapat dimengerti. Cara di atas bukanlah satu-satunya cara untuk membuat pola. Masih banyak lagi cara yang lebih singkat dari ini. Teruslah berlatih, dan jangan patah semangat