Belajar JavaScript Dasar(Struktur Kontrol Percabangan) -Praktikum 14

Assalamualaikum WR.WB

Hai kembali lagi ke blog saya,Pada postingan kali ini saya akan memberi tutorial masih dalam bahasa pemograman JavaScript. Nah, untuk sekarang kita bakal bahas Struktur Kontrol Percabangan dalam JavaScript. Struktur Kontrol Percabangan ini biasanya diesebut dengan pengkondisian yaitu sama seperti bahasa pemrograman lainnya ada 4 yaitu IF, IF ELSE, ELSE, SWITCH CASE. Untuk lebih jelasnya, Langsung saja berikut Codingan dan contohnya :

Pengondisian IF1

Codingan di atas meupakan contoh pengondisian mengunakan If,selain itu kita juga menggunakan prompt yang gunanya untuk inputan dari user.Output coding diatas sebagai berikut:

Pengondisian If2

Codingan diatas masih menggunakan pengondisian If,Untuk menentukan kondisi kita bisa mengguakan lebih dari 1 kondisi dengan cara menggunakan simbol "| |" seperti contoh diatas.codingan diatas masih menggunakan prompt dan alert.Output codingan diatas sebagai berikut:

Pengondisian If3

Masih menggunakan pengondisian if dan menggunakan pengondisian waktu (Karena di screenshoot sebelum jam 18.00 maka hasilnya akan menampilkan "Good Day!").Output codingan diatas sebagai berikut:

Pengondisian If Else

Nah,sekarang kita menggunakan pengondisian if else,diatas merupakan codingan menggunakan pengondisian waktu jadi apabila waktu kurang dari jam 09.00 maka akan menampilkan "Selamat Pagi!" dan jika tidak(else) maka akan menampilkan "Hello World!"..Output codingan diatas sebagai berikut:

Pengondisian If + Else If + Else

.Output codingan diatas sebagai berikut:

Pengondisian Switch Case 1

Nah,codingan diatas menggunakan pengondisian switch case.Struktur umum Switch Case yaitu:

switch(namavariabel){
case 1 : kode program apabila value variabel bernilai 1
case 2 : kode program apabila value variabel bernilai 2
...
default : kode program untuk kondisi default/tidak diatur
}

Berikut Output codingan diatas:

Pengondisian Switch Case2

<!DOCTYPE html>
<html>
<head>
 <title>Ammar Taradifa </title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<script type="text/javascript">
 alert("Menu masakan padang \nSilahkan pilih menu makanan \n\n\n klik OK untuk melanjutkan ")
 var pilihan =prompt("1.Rendang.......Rp 14.0000\n2.Ikan Balado.....Rp13.0000\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.0000");
  break;
  case 2:alert("Menu yang anda pilih : Ikan Balado.....Rp13.000");
  break;
  case 3:alert("Menu yang anda pilih : Dendeng Balado.....Rp17.000");
  break;
  case 4:alert("Menu yang anda pilih : Soto Padang.....Rp15.000");
  break;
  case 5:alert("Menu yang anda pilih : Gulai Paku.....Rp20.000");
  break;
  default:
  alert("Menu yang anda pilih: Tidak ada/Silahkan pilih menu yang lain Terimakasih");
  break;
 }
</script>
</body>
</html>

Masih sama seperti codingan sebelumnya,Codingan ini juga menggunakan Switch Case.
Secara struktur sama dengan codingan diatas.Berikut Output codingan diatas: