Implementasi Percabangan Algoritma Dalam Javascript

Percabangan digunakan saat kita menemukan dimana kita harus menjalan sebuah statement jika memenuhi syarat. Percabangan dalam java script (Pengalaman Penulis) secara garis besar ada dua yaitu SWITCH CASE dan IF ELSE. Tetapi kita akan praktekan menggunakan IF ELSE dalam kasus Penentuan Huruf dalam suatu angka atau nilai pelajaran.

Sebelum memulai kamu diharapkan telah :

- Memahami HTML (struktur HTML, Menampilkannya dalam browser)

- Menginstal Notepad++ Atau Tools Editor lainnya.

Format Percabangan IF ELSE

if( syarat1 ){

//statement 1

}else if( syarat2 ){

//statement 2

}else if( syarat3 ){

//statement 3

}else{

//statement 4

}

Inti Penjelasan :

- Jika syarat1 terpenuhi maka syarat dan statement yang lainnya maka tidak akan dijalankan, yang dijalankan hanya statement 1.

- Jika syarat1 "if(syarat1)"tidak terpenuhi maka program berjalan kebawah dan sampai ke syarat berikutnya yaitu syarat2 "else if(syarat2)". jika syarat2 terpenuhi maka statement 2 akan dijalankan. begitupun seterusnya.

- "else" atau statement 4 akan dijalankan jika syarat1, syarat2, dan syarat3 tidak terpenuhi.

- Pembatas statement menggunakan tanda "{ " diakhiri tanda "}".

- Penulisan Javascript menggunakan tag <script> //kode javascript </script>

Praktek

1. Buka Tools Editor Kamu (Penulis menggunakan tools Editor Sublime versi 3) dan Copy Kode dibawah ini,

<!DOCTYPE html>
<html>
<body>
<!-- author by anang hajiana -->
<p>Pengkondisian ananghajiana.blogspot.com</p>
<!-- onClick adalah ketika button di klik memanggil fungsi javascript hitung()-->
<button onclick="hitung()">Input</button>

<p id="output"></p>

<script>
//fungsi hitung
function hitung() {
 //input
    var nilai = prompt();
    var hasil;
    if (nilai >= 80) {
        hasil = "A";
    }else if(nilai >= 66){
     hasil = "B";
    }else if(nilai >= 56){
     hasil = "C";
    }else if(nilai >= 46){
     hasil = "D";
    }else{
     hasil = "E";
    }
    //panggil tag <p id="hasil"> dan simpan hasil didalamnya
    document.getElementById("output").innerHTML = hasil;
}
</script>

</body>
</html>