JavaScript 4 (Pengkondisian)stmik-ikmi-cirebon.net/pusatkarir/assets/upload/laporan/...Kondisi ya...
Transcript of JavaScript 4 (Pengkondisian)stmik-ikmi-cirebon.net/pusatkarir/assets/upload/laporan/...Kondisi ya...
Pengertian Pengkondisian
Pengkondisian dalam bahasa pemrograman digunakan untuk melakukan suatu aksi
berdasarkan suatu kondisi tertentu. Pengkondisian merupakan suatu hal yang biasa dalam sebuah
pemograman begitu jugadalam kehidupan kalau kita berbicara kehidupan. Kondisi ya atau tidak,
atau benar atau salah merupakan suatu hala yang basa dalam kehidupan. Sementara dalam
pemograman dikenaldengan sebutan If atau else. Pernyataan if akan menentukan sebuah
pernyataan (atau blok kode) yang akan eksekusi jika dan hanya jika persyaratan bernilai
benar(true).Pernyataan if-else digunakan apabila ingin mengeksekusi beberapa pernyataan dengan
kondisitruedan pernyataan yang lain dengan kondisi false. Berikut adalah penulisan
pengkondisian,
Penulisan if
Berikut adalah contoh penulisan if,
var x = 5;
if ( x > 4 ) {
x = 0;
}
Penulisan if … else
Gunakan statemen ini jika terdapat 2 kondisi, di mana satu kondisi bernilai true dan kondisi
lainnya bernilai false. Berikut adalah contoh penulisan if …. else,
if ( kondisi ) {
//statement
} else {
//statement
}
Dapat dilihat pada contoh berikut,
var x = 5;
if ( x > 4 ) {
x = 0;
} else {
x++;
}
Penulisan if… else if … else
Gunakan statement ini jika terdapat lebih dari dua kondisi, berikut adalah penulisan dari if
.. elseif … else,
if ( kondisi1 ) {
//statement
} else if ( kondisi2 ) {
//statement
} . . . else {
//statement
}
Dapat dilihat pada contoh berikut,
var x = 5;
if ( ( x > 2 ) && (x < 5 ) ){
x = x + 3;
} else if ( ( x >=5 ) && ( x < 10 ) ){
x = x + 4;
} else {
x = x + 2;
}
Penulisan Nested-if / if Bersarang
Kondisi di mana terdapat satu atau lebih conditional di dalam sebuah conditional. Berikut
adalah penulisan dari if bersarang,
if ( kondisi1 ) {
if ( kondisi1a ){
//statement
} else {
//statement
}
}
Dapat dilihat pada contoh berikut,
var x = 5;
if ( x > 3 ) {
if ( x % 2 == 0 ) {
x = x * 10;
} else {
x = x * 20;
}
}
Penulisan switch … case
Statement ini digunakan untuk memilih salah satu dari beberapa blok kode yang akan
dieksekusi berdasarkan kondisi yang sesuai dengan pilihan. Berikut adalah penulisan dari switch
… case,
switch (n) {
case 1 :
statemen1;
break;
case 2 :
statemen2;
break;
case 3 :
statemen3
break;
default:
statemen;
}
Dapat dilihat pada contoh penulisan berikut,
var x = 4;
switch( x ) {
case 1:
alert( “satu” );
break;
case 2:
alert( “dua” );
break;
case 3:
alert( “tiga” );
break;
case 4:
alert( “empat” );
break;
default:
alert( “tidak dikenal” );
}
Selanjutnya mari kita praktek-kan bagaimana penggunaan dari pengkondisian if pada html
dan javascript, buatlah file javasrckondisi4.1.html, kemudian tambahkan/sisipkan,
<html>
<head>
<title> Belajar JavaScript 4 : Pengkondisian if </title>
</head>
<body>
<script type="text/javascript">
var nilai = window.prompt("Nilai Anda = ");
if (nilai > 10){
alert("Nilai anda = " + nilai );
}
document.write("Nilai Anda = " + nilai );
</script>
</body>
</html>
Maka akan dihasilkan bahwa jika kita menginputakn nominal kurang dan sama dengan 10
maka nilai akan tampil dihalaman web namun jika nilai yang kita input kan lebih dari 10 maka
akan tampil pada alert.
Selanjutnya mari kita praktek-kan bagaimana penggunaan dari pengkondisian if … else
pada html dan javascript, buatlah file javasrckondisi4.2.html, kemudian tambahkan/sisipkan,
<html>
<head>
<title> Belajar JavaScript 4 : Pengkondisian if ... else</title>
</head>
<body>
<script type="text/javascript">
var nilai = window.prompt("Nilai Anda = ");
if (nilai % 2 == 0){
alert("Anda mengetik angka genap");
}else {
alert("Anda mengetik angka ganjil");
}
</script>
</body>
</html>
Maka akan dihasilkan bahwa jika kita menginputakn nominal genap tau ganjil maka akan
tampil alert sebagai berikut,
Selanjutnya mari kita praktek-kan bagaimana penggunaan dari pengkondisian if … elseif
… else pada html dan javascript, buatlah file javasrckondisi4.3.html, kemudian
tambahkan/sisipkan,
<html>
<head>
<title> Belajar JavaScript 4 : Pengkondisian if ... else if ... else</title>
</head>
<body>
<script type="text/javascript">
var nilai = window.prompt("Nilai Anda = ");
if (nilai == 0){
alert("Nilai anda adalah No1");
}else if (nilai > 0){
alert("Nilai anda angka positif");
}
else {
alert("Nilai anda angka negatif");
}
</script>
</body>
</html>
Maka akan dihasilkan bahwa jika kita menginputakn nominal 0, nominal positif, nominal
negatif, maka akan tampil alert sebagai berikut,
Selanjutnya mari kita praktek-kan bagaimana penggunaan dari pengkondisian nested-if
atau if bersarang pada html dan javascript, buatlah file javasrckondisi4.4.html, kemudian
tambahkan/sisipkan,
<html>
<head>
<title> Belajar JavaScript 4 : Pengkondisian nested-if atau if bersarang</title>
</head>
<body>
<script type="text/javascript">
var nilai = window.prompt("Nilai Anda = ");
if (nilai % 2 == 0){
if (( nilai > 40 ) && ( nilai <= 59 )){
alert("Bilangan genap lebih dari 40, kurang dari 60");
} else if ( nilai > 60 ){
alert("Bilangan genap lebih dari 60");
} else {
alert("Bilangan genap kuran dari 40");
}
} else {
alert("Bilangan Ganjil");
}
</script>
</body>
</html>
Maka akan dihasilkan bahwa jika kita menginputakn nominal genap lebih dari 40 namun kurang
dari 60, nominal genap lebih dari 60, nominal genap kurang dari 40 dan nominal ganjil, maka akan
tampil alert sebagai berikut,
Selanjutnya mari kita praktek-kan bagaimana penggunaan dari pengkondisian switch …
case pada html dan javascript, buatlah file javasrckondisi4.5.html, kemudian tambahkan/sisipkan,
<html>
<head>
<title> Belajar JavaScript 4 : Pengkondisian switch ... case</title>
</head>
<body>
<script type="text/javascript">
var nilai = window.prompt("Nilai Anda = ");
var x = Number(nilai); // konversi tipe data menjadi number
document.write("tipe data nilai = " + typeof(nilai) + "<br>");
document.write("tipe data x = " + typeof(x) + "<br>");
switch(x){
case 1 : document.write("nilai = 1"); break;
case 2 : document.write("nilai = 2"); break;
case 3 : document.write("nilai = 3"); break;
case 4 : document.write("nilai = 4"); break;
default : document.write("nilai selain 1, 2 , 3 atau 4"); break;
}
</script>
</body>
</html>
Maka akan dihasilkan bahwa jika kita menginputakn nominal 1, 2, 3 ,4 atau yang lainya, maka
akan tampil sebagai berikut,