Skip to main content

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
Labels:

Comments

Post a Comment

Popular posts from this blog

Update, User Password Bioportal Tahun 2024

Update : 30/06/2024 Dalam pelaksanaan Asesmen, ada link pendataan yang diluncurkan oleh Pusmenjar, diantaranya adalah Pra pendataan Asesmen dan Pelaksanaan Asesmen. Seperti halnya Ujian madrasah yang dimana pendataan menggunakan aplikasi PDUM ( Pangkalan Data Ujian Madrasah ) yang  integrasi tarik data siswa melalui  EMIS 4.0 ,  Asesmen madrasah pun juga demikian  berbasis integrasi tarik data siswa melalui EMIS 4.0 . Link Pendataan Asesmen Nasional  https://bioportal.kemdikbud.go.id/ User dan Password Terkait User dan Password secara default kami jelaskan sebagai berikut :  UNTUK LOGIN KE AKUN Laman Pendataan Asesmen Silahkan Lembaga Login Dengan Kombinasi berikut :  Untuk Jenjang MI User                      : DJTG0328 XXXX M Password                       :  JTG03JTG Keterangan :  XXXX  = Kode Madrasa...
Post a Comment
Read more

Segera Mendaftar , Berikut Linimasi Asesmen Kompetensi Guru dan Tenaga Kependidikan Madrasah (AKGTK) Tahap 1 2024

Assalamu'alaikum Wr Wb  Berdasarkan Surat Direktur Jenderal Pendidikan Islam  Nomor  : B-139/DJ.I/Dt.I.II/HM.00/04/2024 Tanggal: 30 April 2024 tentang Pelaksanaan Asesmen Kompetensi Guru dan Tenaga Kependidikan   Madrasah Tahun 2024. Dengan hormat, dalam rangka optimalisasi pelaksanaan program kerja tahun 2024, Direktorat Jenderal Pendidikan Islam melalui Direktorat Guru dan Tenaga Kependidikan Madrasah akan menyelenggarakan kegiatan Asesmen Kompetensi Guru dan Tenaga Kependidikan (AKGTK) Madrasah Tahun 2024 sebagai bagian dari program MadrasahbEducation Quality Reform (MEQR). Sehubungan hal dimaksud, perlu disampaikan hal-hal sebagai berikut:     AKGTK dilaksanakan pada tanggal 24 – 26 Juni 2024 , dan WAJIB diikuti oleh seluruh kepala madrasah, pengawas madrasah, dan guru dengan mata pelajaran tertentu untuk jenjang RA, MI, MTs, dan MA;  Pendaftaran melalui akun individu di SIMPATIKA pada tanggal 6 – 22 Mei 2024; AKGTK dilaksanakan secara da...
Post a Comment
Read more

Panduan Regestrasi EMIS GTK oleh Operator Madrasah

Assalamu'alaikum Wr Wb Pada update emis kali ini, rilis fitur baru yaitu akun emis gtk madrasah  yang artinya semua GTK madrasah akan memiliki akun emis masing masing. Dalam rilis update ini proses regestrasi di lakukan oleh operator emis madrasah masing dengan mendaftarkan email gtk madrasah. Fitur baru ini termaktub dalam surat edaran dirjen pendis Nomor B-429/DJ.I/Dt.I.II/HM.00/10/2024 tanggal 25 Oktober 2024 Perihal Registrasi dan Uji Coba Integrasi Data Simpatika-EMIS . dalam surat edaran ini di jelaskan bahwa dirjen pendis akan melaksanakan uji coba aplikasi yang melibatkan seluruh admin secara nasionla sebelum dirilis bulan januari 2025 Maka dari itu diinformasikan kepada madrasah untuk :  Membuat akun guru emis dilingkungan masing masing secara kolektif yang di lakukan oleh operator madrasah. Ujicoba pelaksanaan aplikasi di laksanakan mulai tanggal 28 oktober 2024 s/d 30 November 2024 Tutorial panduan regestrasi akun emis GTK madrasah bisa di simak pada vidio berikut i...
Post a Comment
Read more