Skip to content Skip to sidebar Skip to footer

Cara Penggunaan (Percabangan) IF dan IF ELSE Pada Javascript

Cara Penggunaan (Percabangan) IF dan IF ELSE Pada Javascript
Belajar dan memahami percabangan IF dan IF ELSE dalam bahasa pemrograman javascript akan lebih mudah apabila anda sudah memahami percabangan IF atau IF ELSE ini dalam bahasa pemrograman lainnya. Karena pada dasarnya  percabangan if / if else ini memiliki struktur yang sama yaitu menentukan sebuah aksi yang berbeda dari kondisi yang berbeda juga.

Lalu apa itu dan bedanya percabangan IF dan IF ELSE ?

Nah saya akan menjelaskan satu persatu dari mulai perngertian, cara penulisan dan contoh program If dan If Else sederhana.


#1 Percabangan IF Pada Javascript

Percabangan IF ialah percabangan yang hanya memiliki 1 (satu) blok pilihan ketika kondisi telah memenuhi atau bernilai benar (TRUE).

Cara Penulisan Dasar Percabangan IF

Gambar Struktur penulisan dasar percabangan IF dalam javascript

Dari contoh penulisan diatas, percabangan IF hanya memiliki satu blok. Yakni IF akan memeriksa sebuah kondisi (kondisi), apabila kondisi telah memenuhi atau bernilai TRUE (benar) maka akan masuk kedalam block {Block}. Begitupun sebaliknya, apabila sebuah kondsi tidak memenuhi atau bernilai FALSE maka tidak akan masuk kedalam block dan keluar dari program.

Contoh Program Percabangan IF Dengan Javascript


 <script type="text/javascript">
  var nilai = confirm('Masukan Pilihan');
  if (nilai== true) {
   document.write("Anda Masuk kedalam Blok");
  }
 </script>

Hasil :
Gambar Gif Contoh program percabangan IF pada javascript

Dari contoh program percabangan IF sederhana diatas, saya menentukan sebuah kondis menggunakan pop-up confirm(), yakni seperti yang kita ketahui bahwa confirm(); memiliki dua pilihan nilai yaitu TRUE dan FALSE.


#2 Percabangan IF ELSE Pada Javascript

Untuk percabangan IF ELSE masih sama dengan pecabangan IF yang telah saya dibahas pada poin #1 (pertama). Namun bedanya IF ELSE memiliki lebih dari 1 (satu) block pilihan dari sebuah kondisi yang berbeda.

Perhatikan contoh  penulisan dasar berikut ini.

Cara Penulisan dasar IF ELSE

Gambar Gif cara penulisan dasar percabangan IF ELSE dalam javascript
Jika kondisi bernilai TRUE akan masuk ke block pertama (true) dan apabila kondisi bernilai FALSE akan masuk ke block kedua (false). Untuk lebih jelasnya lagi saya berikan contoh program sederhana percabangan if else dalam javascript sebagai berkut.

Contoh Program Percabangan IF ELSE Pada Javascript

 <script type="text/javascript">
  var nilai = confirm('Masukan Pilihan');
  if (nilai== true) {
   document.write("Anda Masuk kedalam Blok TRUE");
  }
  else if (nilai == false) {
   document.write("Anda Masuk kedalam Blok FALSE");
  }
 </script>

Hasil :
Gambar Gif Contoh program percabangan IF ELSE pada javascript

Dari contoh program diatas, memberikan 2 (dua) block yakni dari sebuah kondisi, ketika menginput nilai TRUE akan masuk kedalam block pertama (true) dan jika meninput nilai yang salah akan masuk kedalam block kedua (false).

Berikut saya berikan contoh program mendapatkan diskon dengan penggunaan IF / ELSE IF javascript
 <script type="text/javascript">
  var nilai = prompt('Berapa total belanja Anda ? ');
  if (nilai <= 10000) {
   document.write("Selamat, anda mendapatkan diskon 20% ");
  }
  else if (nilai >= 20000) {
   document.write("Selamat, Anda mendapatkan diskon 50% ");
  }else{
   document.write("Maaf, Anda tidak mendapatkan diskon");
  }
 </script>

Keterangan : jika memasukan total belanja 10.000 lebih maka diskon 20%, lalu jika lebih 20.000 mendapatkan diskon 50%, dan apabila total belanja kurang dari 10.000 tidak mendapatkan diskon.

Post a comment for "Cara Penggunaan (Percabangan) IF dan IF ELSE Pada Javascript"