if Statement JavaScript

if statement digunakan untuk melakukan berbagai macam tugas tergantung dari conditional statement yang dihasilkan.

if statement bisa dibagi menjadi tiga, yaitu:

  • if statement
  • else statement
  • else if statement

if statement

if statement digunakan untuk menjalankan sekelompok code apabila conditional statement true.

Syntax

if (conditional statement) {
   Kumpulan code yang akan dieksekusi apabila conditional statement adalah true;
};

Catatan

  • Jika hasil dari conditional statement adalah true maka code yang berada di dalam symbol ini { } yang akan dijalankan.
  • Sedangkan jika hasil dari conditional statement adalah false maka code yang berada di dalam symbol ini { } tidak akan dijalankan dan script berlanjut.
  • Penulisan [if] adalah dalam huruf kecil. Bila [if] dituliskan seperti ini [If] atau ini [IF] maka hasilnya adalah error.

Code JavaScript 1:

<script>
var jam = 9;
if (jam < 11){
   document.write("Selamat pagi!");
};
</script>

Hasil code JavaScript 1:

Selamat pagi!

Pada contoh di atas kita memiliki sebuah variable bernama [jam] yang berisi angka [9] dan sebuah conditional statement [jam<11].

Karena hasil dari conditional statement di atas adalah true maka code yang berada di dalam symbol ini { } dijalankan.

else statement

else statement merupakan pelengkap dari code if statement.

else statement digunakan untuk menjalankan sekelompok code apabila conditional statement adalah false.

Syntax

if (conditional statement) {
   Kumpulan code yang akan dieksekusi apabila conditional statement adalah true;
} else {
   Kumpulan code yang akan dieksekusi apabila conditional statement adalah false;
};

Code JavaScript 2:

<script>
var jam = 14;
if (jam < 11){
   document.write("Selamat pagi!");
} else {
   document.write("Selamat siang!");
};
</script>

Hasil code JavaScript 2:

Selamat siang!

Pada contoh di atas, karena hasil dari conditional statement adalah false maka text [Selamat siang!] yang ditampilkan.

Berikut ini adalah contoh lainnya dari else statement:

Dibawah ini kita akan membuat script yang bisa digunakan untuk memeriksa keabsahan sebuah username dengan cara membandingkan antar string. Jika username yang diberikan sudah benar maka akan ada pesan spesial.

Code JavaScript 3:

<script>
var username = "Agent008";
if(username == "Agent007") {
    document.write("Selamat datang agent 007");
} else {
    document.write("Akses ditolak!" + "<br />");
};
</script>

Hasil code JavaScript 3:

Akses ditolak!

Untuk membandingkan antara string yang satu dengan yang lainnya kita bisa menggunakan comparison operator [==].

else if statement

else if statement merupakan pelengkap dari if statement.

Dengan else if statement kita bisa memiliki lebih dari 1 conditional statement.

Syntax

if (conditional statement 1) {
   Kumpulan code yang akan dieksekusi jika conditional statement 1 adalah true
} else if (conditional statement 2) {
   Kumpulan code yang akan dieksekusi jika conditional statement 1 adalah false dan conditional statement 2 adalah true
} else {
   Kumpulan code yang akan dieksekusi jika conditional statement 1 adalah false dan conditional statement 2 adalah false
};

Code JavaScript 4:

<script>
var jam = 21;
if (jam < 11){
   document.write("Selamat pagi!");
} else if (jam > 19){
   document.write("Selamat malam!");
} else {
   document.write("Selamat siang!");
};
</script>

Hasil code JavaScript 4:

Selamat malam!

Pada code di atas, karena conditional statement 1 adalah false dan conditional statement 2 adalah true maka code yang dieksekusi adalah code yang berada di dalam else if statement.

Berikut ini adalah contoh bila kita memiliki lebih dari dua conditional statement:

Code JavaScript 5:

<script>
var jam = 18;
if (jam <= 11){
   document.write("Selamat pagi!");
} else if (jam > 11 && jam <= 14){
   document.write("Selamat siang!");
} else if (jam > 14 && jam <= 19){
   document.write("Selamat sore!");
} else {
   document.write("Selamat malam!");
};
</script>

Hasil code JavaScript 5:

Selamat sore!

Pada code di atas, selain comparison operator, kita juga menggunakan logical operator.

Conditional (ternary) Operator

Ternary operator seringkali digunakan untuk menyingkat code if statement.

Syntax

condition ? expr1 : expr2

Parameter

Parameter Penjelasan
condition Parameter ini akan memeriksa apakah suatu keadaan true atau false.
expr1 Jika condition adalah true maka expr1 akan dieksekusi.
expr2 Jika condition adalah false maka expr2 akan dieksekusi.

Code JavaScript 6:

<script>
var age = 24
age > 18 ? a = "boleh" : a = "tidak boleh"
document.write(a)
</script>

Hasil code JavaScript 6:

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>