Sun. Aug 7th, 2022

Pada materi ini, akan membahas tentang kondisional (IF, Else if), switch, dan perulangan (Looping).

Kondisional adalah suatu pernyataan jika pernyataan tersebut memenuhi kondisi tertentu maka bernilai true.

Pernyataan IF dengan ELSE
if (kondisi) {
// blok pernyataan yang dijalankan
// kalau kondisi bernilai benar
} else {
// blok pernyataan yang dijalankan
// kalau kondisi bernilai salah
}

contoh javascript menggunakan prompt (kondisional)

//menggunakan prompt
<HTML>
<HEAD>
<TITLE>Contoh if-else</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
   var nilai = prompt("Nilai (0-100): ", 0);
   var hasil = "";

   if (nilai >= 75)
      hasil = "Lulus";
   else
      hasil = "Tidak Lulus";

   document.write("Hasil: " + hasil);
//-->
</SCRIPT>
</BODY>
</HTML>

contoh script kondisional menggunakan (getElementById)

<html>
<head>
<script type="text/javascript">
function hasil() {
  var nilai = document.getElementById("a").value;
  if (nilai >=75){
   	   document.getElementById("output").innerHTML = "Lulus";
    } else {
    document.getElementById("output").innerHTML = "Tidak Lulus";
    }
}	
</script>
</head>
<body>
Masukkan Bilangan <input id="a" type="text" />
<button onclick="hasil();"> Submit </button> <br/><br/><span id="output">Hasil</span>
</body>
</html>

contoh script penggunaan switch

<html>
<body>
<script>  
var hari=prompt(" 1-7: ", 0); 
var result;  
switch(hari){  
case '1':  
result="Senin";  
break;  
case '2':  
result="Selasa";  
break;  
case '3':  
result="Rabu";  
break;  
case '4':  
result="Kamis";  
break;
case '5':  
result="Jumat";  
break; 
case '6':  
result="Sabtu";  
break; 
case '7':  
result="Minggu";  
break; 
default:  
result="Move on lah mblo";  
}  
document.write(result);  
</script>  
</body>
</html>

contoh perulangan menggunakan while

<HTML>
<HEAD>
<TITLE>Contoh while</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
   var inputan = 0;
   while (inputan < 10) {
    inputan++;
      document.write(inputan+"<BR>");
}
</SCRIPT>
</BODY>
</HTML>

contoh perulangan menggunakan Do…while

<HTML>
<HEAD>
<TITLE>Contoh do while</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
   var bilangan = 1;
   do {
      document.write(bilangan + "<BR>");
      bilangan++;
   } while (bilangan < 6);
//-->
</SCRIPT>
</BODY>
</HTML>