JavaScript If ... Else Statements
Kondisi Statements digunakan untuk melakukan tindakan yang berbeda berdasarkan kondisi yang berbeda.
Kondisi Statement
Sangat sering ketika Anda menulis kode, Anda ingin melakukan tindakan yang berbeda untuk keputusan yang berbeda.
Anda dapat menggunakan pernyataan kondisional dalam kode Anda untuk melakukan hal itu.
Dalam JavaScript kita memiliki pernyataan kondisional berikut:
- Gunakan if untuk menentukan blok kode yang akan dieksekusi, jika kondisi yang ditentukan benar
- Gunakan else menentukan blok kode yang akan dieksekusi, jika kondisi yang sama palsu
- Gunakan else if untuk menentukan kondisi baru untuk menguji, jika kondisi pertama adalah palsu
- Switch switch untuk menentukan banyak blok alternatif kode yang akan dieksekusi
if Pernyataan
Gunakan if pernyataan untuk menentukan blok kode JavaScript yang akan dijalankan jika kondisi benar.
Sintaksis
if ( kondisi ) {
blok kode yang akan dieksekusi jika kondisi benar
}
Perhatikan bahwa jika dalam huruf kecil. Huruf besar (if atau IF) akan menghasilkan kesalahan JavaScript.
Contoh
Membuat "Hari baik" jika jam kurang dari 18:00
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<script>
if (new Date().getHours() < 18) {
document.getElementById("demo").innerHTML = "Hari Baik!";
}
</script>
</body>
</html>
Else Statement
Gunakan pernyataan else menentukan blok kode yang akan dieksekusi jika kondisi salah.
if ( condition ) {
blok kode yang akan dieksekusi jika kondisi benar
} else {
blok kode yang akan dieksekusi jika kondisi salah
}
Contoh
Jika jam kurang dari 18, ucapan "Selamat siang", jika tidak "Selamat malam":
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick="fungsiku()">klik</button>
<script>
var jam = new Date().getHours();
var ucapan;
function fungsiku(){
if (jam < 18) {
ucapan = "Selamat siang";
}else{
ucapan = "Selamat malam";
}
document.getElementById("demo").innerHTML = ucapan;
}
</script>
</body>
</html>
else if Statement
Gunakan else if pernyataan untuk menentukan kondisi baru jika kondisi pertama adalah salah.
Sintaksis
if ( kondisi1 ) {
blok kode yang akan dieksekusi jika kondisi1 benar
} else if ( kondisi2 ) {
blok kode yang akan dieksekusi jika kondisi1 adalah palsu dan kondisi2 benar
} else {
lok kode yang akan dieksekusi jika condition1 adalah palsu dan condition2 adalah palsu
}
Contoh
Jika waktu kurang dari 10:00, ucapan "Selamat pagi", jika tidak, tapi waktu kurang dari 20:00, ucapan "Selamat siang, sebaliknya "Selamat malam":
<!DOCTYPE html>
<html>
<head>
<title>Belajar JavaScript</title>
</head>
<body>
<p id="demo"></p>
<button onclick="fungsiku()">klik</button>
<script>
var jam = new Date().getHours();
var ucapan;
function fungsiku(){
if (jam < 10) {
ucapan = "Selamat pagi";
}else if (time < 20){
ucapan = "Selamat siang";
}else{
ucapan = "Selamat malam";
}
document.getElementById("demo").innerHTML = ucapan;
}
</script>
</body>
</html>
0 komentar:
Posting Komentar