Cara menggunakan if else html

Pada kode di atas, sementar perhatikan yang berwarna biru. Itu adalah bentuk penulisan logika. Pembuatan kolom input akan dijelaskan dalam catatan lain.Kondisi pertama akan mengidentifikasi bilangan bila habis dibagi 2 maka genap ( lihat perintah %2 , artinya pembagian bersisa 2). Untuk kondisi lain, else maka di tampilkan bahwa itu adalah bilangan ganjil.

Cara Penulisan Nested IF pada Javascript

<script>

var angka=-13;

if (angka%2==0) // if level 1

{

   console.log("Angka = "+angka);

   console.log("Angka adalah bilangan genap");

   if (angka > 0) // if dalam if 1

   {

      console.log("Angka besar dari 0");

   }

   else  // else dalam if 1

   {

      console.log("Angka kecil dari 0");

   }

}           

else //level 1

{

   console.log("Angka = "+angka);

   console.log("Angka adalah bilangan ganjil");

   if (angka > 0) //if dalam else 1

   {

      console.log("Angka besar dari 0");

   }

   else //else dalam else 1

   {

      console.log("Angka kecil dari 0");

   }

}

</script>

Terlihat IF (merah) yang berada di dalam IF (biru) ditulis dengan awalan dan akhiran kurung kurawal. Begitu juga unuk ELSE di dalam IF. 

Untuk IF yang ada didalam ELSE dan ELSE di dalam ELSE format penulisannya sama dengan IF di dalam IF.

Cara Penulisan ELSE IF dalam Javascript

<script>

var a=2; // bisa nanti dibuatkan dalam bentuk data yang diiinputkan

if (a==1)

{

   console.log("Angka Satu");

} /*Jabaran dari IF yang Tidak Memenuhi */

else if (a==2)

{

   console.log("Angka Dua");

}

else if (a==3)

{

   console.log("Angka Tiga");

}

else if (a==4)

{

   console.log("Angka Empat");

}

</script>

Itulah cara penulisan logika if, else, if else dan else if dalam javascript. Semoga bisa dipraktekkan dan dipahami dengan baik.

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

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 :

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

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 :

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.