02 Agustus 2020

Operasi Percabangan If .. Else Pada Javascript

www.niguru.com
Niguru.com | Minggu, 2 Agt 2020 | Pada posting sehari sebelumnya Niguru.com menjelaskan mengenai cara penggunaan instruksi IF untuk melakukan suatu pemilihan. Dan sebagai kelanjutannya pada posting kali ini Niguru.com akan menjelaskan mengenai tambahan instruksi ELSE yang dapat digunakan untuk melengkapi instruksi IF.

Instruksi ELSE digunakan apabila programmer perlu menetapkan suatu kelompok program tertentu bila opsi pertama tidak sesuai.

Sintaks penulisannya:
if (syarat) {
[deretan instruksi] 
} else {
[deretan instruksi]
}

Berikut ini contohnya:

<h2>Mempelajari fungsi IF</h2><big><big>
<script>
var a=prompt("ketikkan angka 0 atau 1")
if (a==0) {
document.write("Anda mengetikkan angka 0")
} else {
document.write("Anda mengetikkan angka 1")
}
</script>



 

Simpan dengan nama JSIf01.html (boleh disimpan dengan nama lain):

Hasilnya bila ditampilkan pada browser:

 

Ketikkan angka 0 > klik OK:

 

Hasilnya:

 

Ulangi lagi dengan cara klik tombol REFRESH, ketikkan angka 1 > klik OK:

 

Hasilnya:

 
 
Untuk memberitahu user yang mengetikkan nilai selain 0 atau 1, maka programmer bisa menambahkan script ELSE IF.

Sintaks penulisannya adalah sebagai berikut:
if (syarat 1) {
[deretan instruksi] 
} else if (syarat 2) {
[deretan instruksi] 
} else {
[deretan instruksi
untuk yang tidak
memenuhi syarat 1
maupun syarat 2]
}

 

Lihatlah pada contoh berikut ini:

 

<h2>Mempelajari fungsi IF</h2><big><big>

<script>
var a=prompt("ketikkan angka 0 atau 1")
if (a==0) {
document.write("Anda mengetikkan angka 0")
} else if (a==1){
document.write("Anda mengetikkan angka 1")
} else {
document.write("Anda mengetikkan angka yang salah")
}
</script>

 

 

Simpan dengan nama JSIf03.html (boleh disimpan dengan nama lain):

 

Tampilkan kembali pada browser:

Ketikkan angka 6 > klik OK:

 

Hasilnya:



Demikianlah penjelasan mengenai cara membuat operasi percabangan dengan menggunakan instruksi if .. else dan else if pada Javascript.
Selamat mencoba .. Have a nice day :-)

www.Niguru.com (Nino Guevara Ruwano)

Tidak ada komentar:

Posting Komentar