Membuat Pernyataan pada Javascript (if … else)

Membuat Pernyataan pada Javascript – Saat menulis program, mungkin ada situasi ketika kita perlu mengadopsi satu dari serangkaian jalur yang diberikan. Dalam kasus seperti itu, kita perlu menggunakan pernyataan kondisional yang memungkinkan program kita untuk membuat keputusan yang benar dan melakukan tindakan yang benar.

JavaScript mendukung pernyataan kondisional yang digunakan untuk melakukan tindakan berbeda berdasarkan kondisi yang berbeda. Di sini saya akan menjelaskan pernyataan if..else.

Baca Juga: Menampilkan Tanggal pada Javascript.

Pengertian Pernyataan atau Statement pada Javascript

Statemen atau Pernyataan adalah suatu Expresi/Intruksi individu yang ditulis di sebuah program untuk menginstruksi jalan proses program, yang berfungsi untuk memerintahkan bagaimana program berjalan.

Untuk mengetahui cara kerja pernyataan if … else, silahkan lihat diagram alur berikut.

(sc:tutorialspoint.com)

Membuat Pernyataan pada Javascript

Sekarang kita akan coba membuat statement atau pernyataan pada Javascript.

Pernyataan if

Pernyataan if adalah sebuah pernyataan yang digunakan untuk melakukan tindakan dalam kondisi tertentu. Jika dalam bahasa Indonesia if adalah jika. Jika… maka selalu membutuhkan sebuah kondisi, yang apabila kondisi tersebut benar kemudian akan melakukan sebuah tindakan.

Penulisan syntax dasar dari statement atau pernyataan if adalah:

if (condition){
   Statement(s) to be executed if expression is true
}

Di sini kondisi JavaScript akan dievaluasi. Jika nilai yang dihasilkan benar, pernyataan yang diberikan akan dieksekusi. Jika ungkapannya salah, maka tidak ada pernyataan yang dieksekusi. Biasanya, kita akan menggunakan operator pembanding saat membuat keputusan. Untuk kasus pernyataan atau statement if, bisa kalian lihat contohnya dibawah:

<input type="button" value="Click Me" onclick="pesan()">
<script>
function pesan() {
 var nilaiujian = prompt('Ketik Nilai Ujian Anda:','')
 if (nilaiujian > 90) {
  document.write("<h1>Selamat, Anda Mendapat Nilai A!</h1>")
 }
}
</script>

Contoh diatas akan mengevaluasi variabel nilaiujian yang kalian masukkan. Jika nilaiujian diatas 90, maka akan tampil tulisan Selamat, Anda Mendapat Nilai A!.

Pernyataan if..else

Pernyataan ‘if … else’ adalah bentuk pernyataan kontrol selanjutnya yang memungkinkan JavaScript untuk mengeksekusi pernyataan dengan cara yang lebih terkontrol. Lihat contoh berikut.

<input type="button" value="Click Me" onclick="pesan()">
<script>
function pesan() {
 var nilaiujian = prompt('Ketik Nilai Ujian Anda:','')
 if (nilaiujian > 70) {
  document.write("<h1>Selamat, Anda lulus!</h1>")
 } else {
  document.write("<h1>Maaf, Anda harus mengulangi ujian!</h1>")
 }
}
</script>

Pernyataan if..else if

Else if digunakan untuk membuat 2 kondisi atau lebih dari itu. Dengan menggunakan else if, kita dapat mengatur blok yang akan di eksekusi dengan beberapa kondisi – kondisi tertentu. Sebagai contoh dibawah ini.

<input type="button" value="Click Me" onclick="pesan()">
<script>
function pesan() {
 var nilaiujian = prompt('Ketik Nilai Ujian Anda:','')
 if (nilaiujian > 90) {
  document.write("<h1>Selamat, Anda Mendapat Nilai A!</h1>")
 } else if (nilaiujian > 80) {
  document.write("<h1>Selamat, Anda Mendapat Nilai B!</h1>")
 } else if (nilaiujian > 70) {
  document.write("<h1>Selamat, Anda Mendapat Nilai C!</h1>")
 }
}
</script>

Contoh diatas akan mengevaluasi ulang hasil inputan kita. Jika kita memasukkan ankga diatas 90 pada variabel nilaiujian, maka akan muncul kalimat “Selamat, Anda Mendapat Nilai A!”. Jika kita memasukkan ankga diatas 80 pada variabel nilaiujian, maka akan muncul kalimat “Selamat, Anda Mendapat Nilai B!”. Begitu juga dengan nilai C.

Sekian artikel mendasar mengenai pengkondisian dengan menggunakan statemen if dan else. Semoga bermanfaat dan sampai jumpa pada artikel selanjutnya!