Pernyataan bersyarat digunakan untuk melakukan tindakan yang berbeda berdasarkan kondisi yang berbeda.
Pernyataan bersyarat
Sering kali ketika menulis kode pemrograman, kita ingin melakukan tindakan yang berbeda pada keputusan yang berbeda.
Untuk solusi hal tersebut kita dapat menggunakan pernyataan bersyarat dalam kode pemrograman.
JavaScript memiliki beberapa pernyataan bersyarat berikut:
- Gunakan if untuk menentukan blok kode yang akan dieksekusi, jika kondisi yang ditentukan benar
- Gunakan else untuk menentukan blok kode yang akan dieksekusi, jika kondisi yang ditentukan salah
- Gunakan else if untuk menentukan kondisi baru yang akan diuji, jika kondisi pertama salah
- Gunakan switch untuk menentukan banyak blok kode alternatif yang akan dieksekusi
Pernyataan if
Gunakan pernyataan if untuk menentukan blok kode JavaScript yang akan dieksekusi jika kondisinya benar.
Sintaks
if (condition) {
// blok kode yang akan dieksekusi jika kondisinya benar
}Perhatikan bahwa if ditulis dalam huruf kecil. Huruf besar (If atau IF) akan menghasilkan kesalahan JavaScript.
Contoh:
Ucapkan salam “Selamat siang” jika waktunya kurang dari 18:00.
<!DOCTYPE html> <html> <body> <p> Menampilkan "Selamat siang!" jika jam kurang dari 18:00: </p> <p id="demo">Selamat malam!</p> <script> if (new Date().getHours() < 18) { document.getElementById("demo").innerHTML = "Good day!"; } </script> </body> </html>
Pernyataan else
Gunakan pernyataan else untuk menentukan blok kode yang akan dieksekusi jika kondisinya salah.
if (condition) {
// blok kode yang akan dieksekusi jika kondisinya benar
} else {
// blok kode yang akan dieksekusi jika kondisinya salah
}Contoh:
Jika jam kurang dari 18.00 , buat ucapan “Selamat siang”, jika tidak, “Selamat malam”.
<!DOCTYPE html>
<html>
<body>
<p> Klik tombol untuk menampilkan salam berbasis waktu: </p>
<button onclick="myFunction()">Klik disini</button>
<p id="demo"></p>
<script>
function myFunction() {
var hour = new Date().getHours();
var greeting;
if (hour < 18) {
greeting = "Selamat siang";
} else {
greeting = "Selamat malam";
}
document.getElementById("demo").innerHTML = greeting;
}
</script>
</body>
</html>
Pernyataan else if
Gunakan pernyataan else if untuk menentukan kondisi baru jika kondisi pertama salah.
Syntak
if (condition1) {
// blok kode yang akan dieksekusi jika condition1 benar
} else if (condition2) {
// blok kode yang akan dieksekusi jika condition1 salah dan condition2 benar
} else {
// blok kode yang akan dieksekusi jika kondisi1 salah dan kondisi2 salah
}Contoh:
Jika jam kurang dari 10:00, buat ucapan “Selamat pagi”, jika tidak, tapi waktunya kurang dari 20:00, buat ucapan “Selamat siang”, jika tidak, “Selamat malam”:
<!DOCTYPE html>
<html>
<body>
<p> Klik tombol untuk menampilkan salam berbasis waktu: </p>
<button onclick="myFunction()">Klik disini</button>
<p id="demo"></p>
<script>
function myFunction() {
var greeting;
var time = new Date().getHours();
if (time < 10) {
greeting = "Selamat Pagi";
} else if (time < 20) {
greeting = "Selamat Siang";
} else {
greeting = "Selamat malam";
}
document.getElementById("demo").innerHTML = greeting;
}
</script>
</body>
</html>
