Contoh penerapan If/Else dalam JavaScript
Sudah kita pelajari sebelumnya bagaimana cara menuliskan kode JavaScript dengan fundamentalnya. Bisa kita lakukan di suatu website dengan menggunakan console atau kita tulis pada source code html. Nah saatnya kita terapkan hasil belajar berikut:
// Source code HTML<script type="text/javascript">
var nilai = confirm('Masukan Pilihan');
if (nilai== true) {
document.write("Anda Masuk kedalam Blok");
}
</script>
Output
// Source code HTML<script type="text/javascript">
var nilai = confirm('Masukan Pilihan');
if (nilai== true) {
document.write("Anda Masuk kedalam Blok TRUE");
}
else if (nilai == false) {
document.write("Anda Masuk kedalam Blok FALSE");
}
</script>
Output
// Source code HTML<script type="text/javascript">
var nilai = prompt('Berapa total belanja Anda ? ');
if (nilai <= 10000) {
document.write("Selamat, anda mendapatkan diskon 20% ");
}
else if (nilai >= 20000) {
document.write("Selamat, Anda mendapatkan diskon 50% ");
}else{
document.write("Maaf, Anda tidak mendapatkan diskon");
}
</script>
Output
//Consolehobi = prompt(“Masukan Hobi”) if (hobi==”Membaca”){
document.write(“Hobi anda membaca buku CleanCode”)
} else if(hobi==”Olahraga”){
document.write(“Hobi anda olahraga Lari Pagi”)
} else if(hobi==”Games”){
document.write(“Hobi anda bermain games Genshin”)
} else{
document.write(“Hobi anda “+hobi)
}
Output:
//Consoleipk = prompt("Masukan IPK")
if (ipk >= 3.0 && ipk <= 4.0){
if (ipk > 3.5){
document.write("IPK kamu bisa cumlaude nih")
}else {
document.write("IPK kamu bagus juga yah")
}
}else if (ipk < 3.0){
document.write("Tingkatkan lagi IPK mu ya")
}else {
document.write("IPK yang kamu masukan kelebihan maksimal 4.0")
}
Output
Ada salah satu contoh dari percabangan dengan Operator Ternary. Yuk kita simak !
// HTML<script>
var jwb = prompt("Apakah Jakarta ibu kota indonesia? Jawab Iya atau Bukan"); var jawaban = jwb.toUpperCase() == "IYA" ? "Benar" : "Salah"; document.write(`Jawaban anda: <b>${jawaban}</b>`);
</script>
Output
Opertor ternary berperan sebagai percabangan if/else:
var jawaban = (jwb.toUpperCase() == "IYA") ? "Benar": "Salah";Apabila kondisi yang ada di dalam kurung — (jwb.toUpperCase() == “IYA”) — bernilai true, maka nanti isi dari variabel jawaban akan sama dengan “Benar”.
Tapi kalau bernilai false, maka variabel jawaban akan berisi “Salah”.
Ada juga contoh Percabangan Bersarang (Nested)
// HTML<script>
var username = prompt("Username:");
var password = prompt("Password:"); if(username == "dandisatrio"){
if(password == "ngoding"){
document.write("<h2>Selamat datang Mas Dandi!</h2>");
} else {
document.write("<p>Password salah, coba lagi!</p>");
}
} else {
document.write("<p>Anda tidak terdaftar!</p>");
}
</script>
Output
Ada cara yang lebih singkat dengan menggunakan operator logika dan hasilnya tetap sama dengan sebelumnya.
// Consolevar username = prompt("Username:");
var password = prompt("Password:");
if(username == "dandisatrio" && password == "ngoding"){
document.write("<h2>Selamat datang Mas Dandi!</h2>");
} else {
document.write("<p>Password salah, coba lagi!</p>");
}
Terima kasih telah membaca. :)
Semoga bermanfaat…
Referensi :
