Pernyataan IF & ELSE di dalam JavaScript - Halo teman-teman semuanya, pada kesempatan kali ini kita semua akan belajar tentang dasar-dasar dari pemrogramman JavaScript yaitu pernyataan atau kondisi IF dan ELSE.
Saat menulis sebuah program, mungkin ada situasi di mana kita perlu mengadopsi satu dari serangkaian jalur yang diberikan.
Dalam kasus seperti itu, kita perlu menggunakan pernyataan bersyarat yang memungkinkan program membuat keputusan yang benar dan melakukan tindakan yang benar.
JavaScript mendukung pernyataan bersyarat yang digunakan untuk melakukan tindakan berbeda berdasarkan kondisi yang berbeda. Di sini kita akan menjelaskan pernyataan IF dan ELSE.
Alur Cara Kerja Pernyataan Kondisi IF dan ELSE
Diagram alir berikut menunjukkan bagaimana pernyataan if-else bekerja
JavaScript mendukung bentuk pernyataan IF dan ELSE berikut -
- if statement
- if...else statement
- if...else if... statement.
IF STATMENT
Pernyataan IF adalah pernyataan kontrol utama yang memungkinkan JavaScript untuk membuat keputusan dan melaksanakan pernyataan kondisional.
Sintaks untuk pernyataan if dasar adalah sebagai berikut -
if (expression) {
Statement(s) to be executed if expression is true
}
Di sini ekspresi JavaScript dievaluasi. Jika nilai yang dihasilkan benar, pernyataan yang diberikan dieksekusi.
Jika ungkapan itu salah, maka tidak ada pernyataan yang tidak akan dieksekusi. Sebagian besar waktu, kita akan menggunakan operator perbandingan saat membuat keputusan.
Contoh
Coba contoh berikut untuk memahami cara kerja pernyataan IF.
<html>
<body>
<script type = "text/javascript">
var age = 20;
if( age > 18 ) {
document.write("<b>Qualifies for driving</b>");
}
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>
Dari kode diataas, kurang lebih hasilnya seperti berikut ini :
Qualifies for driving
Set the variable to different value and then try...
IF dan ELSE STATMENT
Pernyataan IF dan ELSE adalah bentuk pernyataan kontrol berikutnya yang memungkinkan JavaScript untuk mengeksekusi pernyataan dengan cara yang lebih terkontrol.
Sintaks
if (expression) {
Statement(s) to be executed if expression is true
} else {
Statement(s) to be executed if expression is false
}
Di sini ekspresi JavaScript dievaluasi. Jika nilai yang dihasilkan benar, pernyataan yang diberikan di blok 'jika', dieksekusi. Jika ekspresi salah, maka pernyataan yang diberikan di blok lain dieksekusi.
Contoh
Coba kode berikut untuk mempelajari cara menerapkan pernyataan if-else di JavaScript.
<html>
<body>
<script type = "text/javascript">
var age = 15;
if( age > 18 ) {
document.write("<b>Qualifies for driving</b>");
} else {
document.write("<b>Does not qualify for driving</b>");
}
</script>
<p>Set the variable to different value and then try...</p>
</body>
</html>
Dari kode diataas, kurang lebih hasilnya seperti berikut ini :
Does not qualify for driving
Set the variable to different value and then try...
IF dan ELSE IF STATMENT
Peryantaan IF dan ELSE IF adalah bentuk lanjutan dari if dan else yang memungkinkan JavaScript membuat keputusan yang benar dari beberapa kondisi.
Sintaks
Sintaks pernyataan if-else-if adalah sebagai berikut -
if (expression 1) {
Statement(s) to be executed if expression 1 is true
} else if (expression 2) {
Statement(s) to be executed if expression 2 is true
} else if (expression 3) {
Statement(s) to be executed if expression 3 is true
} else {
Statement(s) to be executed if no expression is true
}
Tidak ada yang spesial dari kode ini. Ini hanya serangkaian pernyataan if , di mana setiap if adalah bagian dari klausa lain dari pernyataan sebelumnya.
Pernyataan dieksekusi berdasarkan kondisi sebenarnya, jika tidak ada kondisi yang benar, maka blok yang lain dieksekusi.
Contoh
Coba kode berikut untuk mempelajari cara menerapkan pernyataan if-else-if dalam JavaScript.
<html>
<body>
<script type = "text/javascript">
var book = "maths";
if( book == "history" ) {
document.write("<b>History Book</b>");
} else if( book == "maths" ) {
document.write("<b>Maths Book</b>");
} else if( book == "economics" ) {
document.write("<b>Economics Book</b>");
} else {
document.write("<b>Unknown Book</b>");
}
</script>
<p>Set the variable to different value and then try...</p>
</body>
<html>
Dari kode diataas, kurang lebih hasilnya seperti berikut ini :
Maths Book
Set the variable to different value and then try...
sumber : https://www.tutorialspoint.com/javascript/javascript_ifelse.htm