Rabu, 22 Maret 2023

HTML Percabangan di Javascript

Gambar 360.Z0 HTML Percabangan
di Javascript



Assalamu'alaikum

Kali ini saya ingin membahas tentang percabangan di Javascript. Untuk percabangan di javascript sendiri logik nya sama seperti percabangan di bahasa pemrograman lainnya.

Dimana kita membandingkan kondisi, jika bernilai kondisi bernilai true akan di eksekusi dan jika salah tidak akan di ekseskusi. Di pembahasan kali ini yang akan saya bahas adalah percabangan IF Else dan percabangan Switch Case.

Pernyataan IF

Masuk ke pembahasan pernyataan IF. Hampir sama penggunaannya dengan operator ternary yang di bahas di pembahasan sebelumnya, namun penggunaan IF bisa di lakukan untuk memberikan lebih dari 2 kondisi, biasa di sebut nested IF. Pernyataan IF yang akan saya buat disini adalah aplikasi kondisi jari tangan.

Dalam hal ini value default variabel hasil sudah saya tetapkan. Namun, jika kondisi bernilai true, maka value hasil akan berubah menjadi instruksi yang kita inginkan. Berikut contoh IF sederhana di dalam javascript.

<html>
<head>
<title>Javascript | Pernyataan IF | Mahasiswa Mercu Buana Bekasi Pemrograman Web Genap 2019
</title>
</head>
<body>
<script language="Javascript">
<!--
    var jumlah = prompt("Jumlah jari tangan anda : ",0);
    var hasil="anda cacat";
        if (jumlah == 10)
    hasil = "anda normal";
    document.write("Jawaban anda : " + hasil);
//-->

</script>
<p align=center> &copy; Mahasiswa Mercu Buana Bekasi Pemrograman Web Genap 2019 </p>
</body>
</html>
Note : 

Untuk penulisan IF diatas, saya tidak menggunakan kurung kurawal karena instruksi untuk mengeksekusi kondisinya hanya saya berikan satu. Secara default, instruksi IF akan membaca satu instruksi saja jika tidak menggunakan kurung kurawal.

Maka hasilnya akan seperti contoh berikut.



Nested IF 

IF Bersarang atau bahasa kerennya Nested IF merupakan IF yang mengandung lebih dari dari satu kondisi. Tujuannya adalah untuk membandingkan jika kondisi 1 salah maka akan di bandingkan dengan kondisi lainnya.


Contoh disini saya ingin membuat instruksi untuk membandingkan kota untuk mengetahui ibukota dari provinsi apa. Berikut contoh htmlnya.

<html>
<head>
<title>Javascript | Pernyataan IF | Mahasiswa Mercu Buana Bekasi Pemrograman Web Genap 2019
</title>
</head>
<body>
<script language="Javascript">
<!--
    var kota = prompt("Masukan nama kota : ","");
        if (kota == "Jakarta" || kota == "jakarta"){
            document.write("Ibukota Indonesia");
        }
        else if (kota == "Bandung" || kota == "bandung"){
             document.write("Ibukota Jawa Barat");
        }
        else if (kota == "Semarang" || kota == "semarang"){
            document.write("Ibukota Jawa Tengah");
        }
        else if (kota == "Bekasi" || kota == "bekasi"){
            document.write("Ibukota Planet Bekasi");
        }
        else {
            document.write("Kota belum terdaftar");
        }
//-->
</script>

<p align=center> &copy; Mahasiswa Mercu Buana Bekasi Pemrograman Web Genap 2019 </p>
</body>
</html>
Kira-kira hasillnya akan seperti contoh berikut.



Percabangan Switch Case

Masuk ke pembahasan Switch Case. Fungsinya hampir sama seperti IF, namun switch case digunakan berdasarkan number case yang terurut. Dimana switch case ini adalah membandingkan value atau nilai suatu variabel.

Disini saya mencontohkan switch case dengan menggunakan untuk check tanggal dan date hari ini. Berikut contoh htmlnya.

<html>
<head>
<title>Javascript | Pernyataan IF | Mahasiswa Mercu Buana Bekasi Pemrograman Web Genap 2019
</title>
</head>
<body>
<script language="Javascript">
<!--
    var tanggal = new Date();
    var kode_hari = tanggal.getDay();
    var nama_hari = "";
    switch(kode_hari){
        case 0:
            nama_hari = "Minggu";
            break;
        case 1:
            nama_hari = "Senin";
            break;
        case 2:
            nama_hari = "Selasa";
            break;
        case 3:
            nama_hari = "Rabu";
            break;
        case 4:
            nama_hari = "Kamis";
            break;
        case 5:
            nama_hari = "Jumat";
            break;
        case 6:
             nama_hari = "Sabtu";
            break;
    }

 
    document.write("Hari ini hari " + nama_hari);
    document.write(", tanggal " + tanggal.getDate() + "/" + (tanggal.getMonth() + 1) + "/" + tanggal.getFullYear());
//-->
</script>
<p align=center> &copy; Mahasiswa Mercu Buana Bekasi Pemrograman Web Genap 2019 </p>
</body>
</html>
Kira-kira hasilnya akan seperti contoh berikut.


Demikian pembahasan mengenai percabangan di javascript. Semoga bermanfaat bagi pembaca. Sekian dari saya, saran dan pertanyaan bisa letakkan di kolom komentar. Terima kasih sudah berkunjung, sampai berjumpa di pembahasan berikutnya. Salam programming !!.

https://alfafarhans.blogspot.com/2019/06/html-programming-9-percabangan-di.html

Tidak ada komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.