Berikut adalah contoh penggunaan if, else, dan else if dalam JavaScript dan bagaimana kita dapat mengimplementasikannya dengan HTML.
<!DOCTYPE html>
<html>
<head>
<title>Penggunaan if, else, dan else if dalam JavaScript</title>
</head>
<body>
<h1>Penggunaan if, else, dan else if dalam JavaScript</h1>
<script>
var nilai = 80;
if (nilai >= 90) {
document.write("Nilai Anda A");
} else if (nilai >= 80) {
document.write("Nilai Anda B");
} else if (nilai >= 70) {
document.write("Nilai Anda C");
} else if (nilai >= 60) {
document.write("Nilai Anda D");
} else {
document.write("Nilai Anda E");
}
</script>
</body>
</html>Output:
See the Pen Contoh if, else, dan else if dalam JavaScript by WebbizID (@De-Orchids) on CodePen.
Pada contoh di atas, kita menggunakan if, else, dan else if untuk mengevaluasi nilai yang diberikan dan menampilkan pesan yang sesuai berdasarkan rentang nilai yang ditentukan.
Pertama, kita mendefinisikan variabel nilai dengan nilai 80. Kemudian, kita menggunakan if, else if, dan else untuk mengevaluasi nilai tersebut.
Jika nilai lebih besar atau sama dengan 90, maka pesan “Nilai Anda A” akan ditampilkan. Jika nilai lebih besar atau sama dengan 80, maka pesan “Nilai Anda B” akan ditampilkan. Jika nilai lebih besar atau sama dengan 70, maka pesan “Nilai Anda C” akan ditampilkan. Jika nilai lebih besar atau sama dengan 60, maka pesan “Nilai Anda D” akan ditampilkan. Jika nilai tidak memenuhi kondisi di atas, maka pesan “Nilai Anda E” akan ditampilkan.
Dalam contoh ini, karena nilai adalah 80, maka pesan “Nilai Anda B” akan ditampilkan di halaman HTML.
Ini adalah contoh sederhana penggunaan if, else, dan else if dalam JavaScript dan bagaimana kita dapat mengimplementasikannya dengan HTML. Anda dapat mengubah nilai variabel nilai untuk melihat hasil yang berbeda sesuai dengan kondisi yang ditentukan.
Semoga contoh ini membantu Anda memahami penggunaan if, else, dan else if dalam JavaScript dan bagaimana kita dapat mengimplementasikannya dengan HTML.
Leave a Reply