Pengkondisian If Else dan Switch Case pada JavaScript - Praktikum 7 part 2

 


Assalamualaikum warahmatullahi wabarakatuh

Bagaimana kabar kalian semua sobat codingers? Saya harap dalam keadaan baik-baik saja. 

Kawan-kawan kita harus tetap menjaga kesehatan yah, agar kegiatan produktif kita tidak terhalang, ingat COVID-19  belum menghilang sepenuhnya di muka bumi, jadi kita harus selalu tetap menjaga protokol kesehatan sesuai syarat dan persyaratan yang berlaku.

Okey Kembali lagi nih bersama saya:

Ilham Prabu Zaky S
XI RPL 2
Absen 15
SMK Negeri 4 Bandung

Dipertemuan sebelumnya kita telah mempelajari materi JavaScript yakni mengenai "Bagaimana sih Array di JavaScript itu?", bagi yang belum membacanya silahkan baca terlebih dahulu yah biar urutan dari seri JavaScript ini terstruktur.

Okey deh, tanpa berlama-lama lagi mari kita masuk ke pembahasannya, pembahasan mengenai Pengkondisian If Else dan Switch Case pada JavaScript

Pengertian Struktur IF

Jika anda pernah mempelajari bahasa pemograman lain, pastinya tidak asing dengan struktur IFStruktur IF adalah stuktur kode pemograman ‘conditional’ yang akan membuat percabangan di dalam program. Dengan menggunakan struktur IF, kita bisa membuat 2 percabangan program yang akan dieksekusi jika ‘kondisi’ terpenuhi, dan akan menjalankan kode program lain jika ‘kondisi’ tidak terpenuhi. 

Berikut adalah penulisan dari dasar alur IF :
if (kondisi) {
   //kode program jika kondisi true
}
else {
   //kode program jika kondisi false
}

Kondisi di dalam struktur IF disini bisa berisi variabel dengan tipe data boolean, atau dengan kode program yang akan menghasilkan boolean, misalkan IF (a==b), atau IF (a>=b). Jika kondisi diisi dengan selain boolean (selain true atau false), maka hasilnya akan dikonversi menjadi boolean (tentang aturan konversi ini telah kita bahas pada tutorial tentang tipe data boolean).


Cara Penulisan Struktur Logika IF ELSE 

Bentuk penulisan IF ELSE pada JavaScript tidak berbeda jauh dari penulisan seperti pada bahasa C++, Java, PHP.
Berikut adalah contoh penulisan struktur IF ELSE di dalam JavaScript:

Contoh Pertama

Source code :
<!DOCTYPE html>
<html lang="en">
     <title>Buat If Statement- Ilham Prabu Zaky S - XI RPL 2</title>
     <link rel="stylesheet" href="BuatIf.css">
</head>
<body>
     <p id="cobaan">
          <script>
               var umur;
               umur = prompt("Masukan umur anda");
               umur = parseInt(umur);
               if (umur < 17) {
                    alert("Sayang sekali, kamu belum dapat mengikuti PEMILU")
               } else {
                    alert("Selamat anda berhak mengikuti PEMILU")
               }
          </script>
     </p>
</body>
</html>
Pada saat dibuka di browser :



Contoh Kedua

Source code :
<!DOCTYPE html>
<html lang="en">
<head>
     <title>If Statement Jam</title>
     <link rel="stylesheet" href="BuatIf.css">
</head>
<body>
     <p>Akan muncul tulisan "Good day!" jika waktu kurang dari pukul 18:00</p>
     <p id="demo">Good Evening</p>
     <script>
          if (new Date().getHours() < 18) {
               document.getElementById("demo").innerHTML = "Good day!";
          }
     </script>
</body>
</html>
Pada saat dibuka di browser :



Contoh Ketiga

Source code :
<!DOCTYPE html>
<html lang="en">
<head>
     <title>If Statement Jam Evening- Ilham Prabu Zaky S - XI RPL 2</title>
     <link rel="stylesheet" href="BuatIf.css">
</head>
<body>
     <p id="demo"><b>IF</b> akan memunculkan tulisan "Good Morning!"</p>
     <p> Jika pada opsi IF tidak ada, maka eksekusi akan pindah ke <b>ELSE</b> memunculkan "Hello World!"<br>Berikut kata yang muncul adalah :</p>

     <script>
          var d = new Date();
          var time = d.getHours();

          if (time < 9) {
               document.write("Good Morning!");
               alert("Good Morning!");
          } else {
               document.write("Hello World!");
               alert("Hello World!");
          }
     </script>
</body>
</html>
Pada saat dibuka di browser :



Contoh Keempat

Source code :
<!DOCTYPE html>
<html lang="en">
<head>
     <title>IF ELSE NESTED (IF ELSE BERSARANG)- Ilham Prabu Zaky S - XI RPL 2</title>
     <link rel="stylesheet" href="BuatIf.css">
</head>
<body>
     <p id="cobaan">
          Penggunaan <b>ELSE IF</b> bertujuan untuk mengganti <b>IF</b> dalam jumlah yang banyak
     </p>
     <script>
          var d = new Date();
          var time = d.getHours();

          if (time < 9) {
               document.write("Good Morning!");
               alert("Good Morning!");
          } else if (time >= 12 && time < 3){
               document.write("Hots Day!");
               alert("Hots Day!");
          } else {
               document.write("Hello World!");
               alert("Hello World!");
          }
     </script>
</body>
</html>    
Pada saat dibuka di browser :





Full CSS Source code :
body {
     background-color: blanchedalmond;
}

p {
     font-size: 16px;
     font-family: Verdana, Geneva, Tahoma, sans-serif;     
     text-align: center;
}

Pengertian Struktur SWITCH

Struktur logika SWITCH dapat disederhanakan sebagai bentuk khusus dari struktur IF ELSESWITCH digunakan untuk percabangan kode program dimana kondisi yang diperiksa hanya 1 namun membutuhkan banyak opsi.

Struktur dasar penulisan SWITCH adalah sebagai berikut:

switch (kondisi) 
{
case hasil_kondisi_1:
      // kode program jika kondisi sama dengan hasil_kondisi_1
      break;
case hasil_kondisi_2:
      // kode program jika kondisi sama dengan hasil_kondisi_2
      break;
default:
      // kode program untuk kondisi diluar yg telah ditetapkan
      break;
}
Kondisi untuk inputan struktur SWITCH biasanya adalah variabel yang akan diperiksa. Hasil percabangan dari variabel tersebut akan ditangani oleh perintah case. Opsi default bisa ditambahkan untuk menangani kasus yang tidak ditangani oleh perintah case.
Penulisan Struktur Logika SWITCH
Bentuk penulisan SWITCH itu tidak berbeda dengan penulisan pada bahasa pemrograman lain. Agar lebih paham mari langsung kita ke contohnya.
Source code :
<!DOCTYPE html>
<html lang="en">
<head>
     <title>LATIHAN SWITCH- Ilham Prabu Zaky S - XI RPL 2</title>
     <link rel="stylesheet" href="BuatIf.css">
</head>
<body>
     <script>
          alert("MENU MASAKAN PADANG\nSilahkan Pilih Menu Yang Diinginkan\n\nKlik OK untuk melanjutkan");
          var pilihan = 
          prompt("1. Rendang....................................Rp14.000\n2. Ikan Balado..............................Rp13.000\n3. Dendeng Balado....................Rp17.000\n4. Soto Padang............................Rp15.000\n5. Gulai Paku.................................Rp20.000");

          pilihan = parseInt(pilihan);
          switch (pilihan) {
               case 1:
                    alert("Menu yang anda pilih : Rendang....................................Rp14.000");
                    break;
               case 2:
                    alert("Menu yang anda piluh : Ikan Balado..............................Rp13.000");
                    break;
               case 3:
                    alert("Menu yang anda piluh : Dendeng Balado....................Rp17.000");
                    break;
               case 4:
                    alert("Menu yang anda piluh : Soto Padang............................Rp15.000");
                    break;
               case 5:
                    alert("Menu yang anda piluh : Gulai Paku.................................Rp20.000");
                    break;
               default:
                    alert("Menu yang anda pilih : Tidak ada/Silahkan pilih menu yang lain\nTerimakasih");
                    break;
          }
     </script>
</body>
</html>
Pada saat dibuka di browser



Quiz - Praktikum 7

Nah jadi disini saya ada quiz nih buat sobat codinger sekalian, coba buat codingan JavaScript yang hasilnya menyerupai seperti hasil dibawah ini. Okey? sip semangat yah!


Pada saat dibuka di browser :


Penutup

Mungkin cukup sekian materi Pengkondisian pada JavaScriptnya. Cukup singkat materinya dimulai dari pengenalan hingga pengimplementasiannya. Semoga sobat-sobat codingers paham, mengerti dan menguasainya. 

Mohon maaf jika terdapat tutur kata yang tidak berkenan dihati anda. Mohon maaf atas semua kesalahan yang telah saya perbuat, tolong berikan koreksi mengenai bagian mana yang salah/kurang pas dalam postingan ini, untuk pengembangan lebih baik kedepannya.

Sekian, saya ucapkan terimakasih banyak atas waktu yang telah diluangkan, saya ucapkan kembali mohon maaf atas segalanya kesalahan. 

Wabilahiltaufik walhidayah,
Wassalamu'alaikum warahmatullahi wabarakatuh

Keep Coding Stay Awesome

0 Response to "Pengkondisian If Else dan Switch Case pada JavaScript - Praktikum 7 part 2"

Post a Comment

Postingan Terbaru

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel