Belajar Javascript (Part8): Percabangan Javascript, If Statement, If-Else, If-Else If-Else Dan Switch Statement Javascript
- Belajar JavaScript Percabangan JavaScript yaitu kondisi percabangan dari baris isyarat yang digunakan untuk melaksanakan agresi yang berbeda untuk kondisi yang berbeda pula. Dengan agresi tersebut kita dapat menciptakan statement dari satu syarat hingga beberapa syarat sekaligus untuk memecahkan suatu hal dari baris isyarat tersebut.
Ada beberapa tipe percabangan didalam JavaScript, yaitu: Percabangan IF/IF Statement, IF-ELSE Statement, IF-ELSE IF-ELSE Statement dan Switch Statement.
Tutorial Belajar JavaScript Percabangan IF atau IF Statement JavaScript
Kondisi ini digunakan untuk melaksanakan serangkaian agresi tertentu hanya kalau satu kondisi terpenuhi. Jika masih resah aku berikan rujukan aktivitas ibarat kehidupan sehari-hari.
Contoh: Jika (IF) aku berumur 18 Tahun, maka aku harus memiliki KTP.
Struktur kodenya:
if (kondisi) {Kondisi tersebut merupakan kondisi IF Statement, dengan ada satu syarat yang harus dipenuhi.
... Blok isyarat AKSI kalau benar ...
}
Penulisan isyarat IF Statement JavaScript ibarat berikut ini:
<!DOCTYPE html> <html> <head> <title>Belajar Percabangan JavaScript</title> </head> <body> <h2>Belajar Kondisi Percabangan JavaScript (IF Statement)</h2> <script type="text/javascript"> var Umur = 18; if (Umur > 17) { document.write("Saya harus memiliki KTP"); } document.write(layakSIM); </script> </body> </html> Penjelasan:
Variabel Umur diberi nilai 18 Tahun, lalu buat kondisi IF dimana kalau variabel "Umur" benar lebih besar dari 17, maka syarat diatas terpenuhi dan menampilkan data yang diterapkan.
Hasil browser:
Tutorial Belajar JavaScript Percabangan IF-ELSE Statement JavaScript
Kondisi ini digunakan untuk melaksanakan serangkaian agresi tertentu, kalau satu kondisi terpenuhi (IF) dan serangkaian agresi yang lain kalau kondisinya tidak terpenuhi (Else).
Untuk lebih jelasnya aku contohkan agresi dalam kehidupan sehari-hari ya. Jika (IF) nilai ujian aku lebih besar dari 60, maka aku akan lulus. Dan kalau tidak (ELSE), maka aku tidak lulus. Dengan rujukan berikut mudah-mudahan dapat menciptakan semakin lebih paham.
Struktur kodenya:
if (kondisi) {
... Blok isyarat AKSI kalau benar ...
}
else {
... Blog isyarat AKSI kalau salah ...
}
Dan berikut ini rujukan pembuatan isyarat percabangan IF-Else Statement:
<!DOCTYPE html> <html> <head> <title>Belajar Percabangan JavaScript</title> </head> <body> <h2>Belajar Kondisi Percabangan JavaScript (IF-ELSE Statement)</h2> <script type="text/javascript"> var nilai = 70; if (nilai > 60) { document.write("Selamat Anda lulus"); } else { document.write("Maaf Anda tidak lulus") } document.write(layakSIM); </script> </body> </html> Karena syarat pertama yaitu memiliki nilai variabel 70 terpenuhi, maka ditampilkan agresi yang pertama.
Hasil browser:
Tutorial Belajar JavaScript Percabangan IF-ELSE IF-ELSE Statement JavaScript
Statement ini terdiri dari banyak kondisi dengan agresi yang bersesuaian. Jumlah kondisi dapat lebih dari 2 atau bahkan lebih.
Contoh kalau diterapkan didalam kehidupan sehari-hari: Jika (IF) nilai aku lebih besar atau sama dengan 80 dan lebih kecil atau sama dengan 100, maka peringkat aku A (aksi), dan kalau (ELSE IF) nilai aku lebih besar atau sama dengan 70 dan lebih kecil dari 80, maka peringkat aku B (aksi), dan kalau (ELSE IF) nilai aku lebih besar atau sama dengan 60 dan lebih kecil dari 70, maka peringkat aku C (aksi), dan kalau semua salah (ELSE), maka peringkat aku D (aksi).
Struktur kodenya:
if (kondisi) {Dan berikut ini rujukan pembuatan isyarat percabangan IF-Else IF-Else Statement:
... Blok isyarat AKSI 1 kalau benar ...
}
else if (kondisi) {
... Blok isyarat AKSI 2 benar, kalau agresi 1 salah ...
}
else if (kondisi) {
... Blok isyarat AKSI 3 benar, kalau agresi 2 salah ...
} else {
... Blog isyarat AKSI ini, kalau semua agresi salah ...
}
<!DOCTYPE html> <html> <head> <title>Belajar Percabangan JavaScript</title> </head> <body> <h2>Belajar Kondisi Percabangan JavaScript (IF-ELSE IF-ELSE Statement)</h2> <script type="text/javascript"> var nilai = 60; if (nilai >= 80 && nilai <= 100) { document.write("Peringkat Anda A"); } else if (nilai >= 70 && nilai < 80) { document.write("Peringkat Anda B") } else if (nilai >= 60 && nilai < 70) { document.write("Peringkat Anda C") } else { document.write("Peringkat Anda D") } </script> </body> </html> Hasil browser:
Contoh lain: pada ketika investigasi apakah yang mengakses website Anda yaitu level Admin atau User biasa.
Kodenya:
<!DOCTYPE html> <html> <head> <title>Belajar Percabangan JavaScript</title> </head> <body> <h2>Belajar Kondisi Percabangan JavaScript (IF-ELSE IF-ELSE Statement)</h2> <script type="text/javascript"> var visitor = "User"; if (visitor == "Admin") { document.write("Selamat tiba Admin"); } else if (visitor == "User") { document.write("Selamat tiba User"); } else { document.write("Anda dihentikan mengakses halaman ini") } </script> </body> </html> Hasil browser yaitu // Selamat Anda User.
Tutorial Belajar JavaScript Percabangan Switch Statement JavaScript
Percabangan Switch JavaScript ibarat dengan percabangan IF-ELSE IF-ELSE Statement, statement ini juga terdiri dari banyak kondisi dengan agresi yang bersesuaian. Jumlah kondisinya dapat 2 atau bahkan lebih, tergantung kondisi yang di inginkan.
Kelebihan dari penggunaan kondisi percabangan Switch dengan "Case" ini yaitu sanksi investigasi kondisi tidak harus satu per satu secara berurutan dari paling atas hingga kebawah ibarat kondisi IF - Else If- Else statement. Hal ini akan menciptakan peforma akan semakin baik dan cepat.
Karena dengan kondisi percabangan Switch, agresi yang sesuai dengan kondisi yang diterapkan akan pribadi dipilih walaupun agresi tersebut bukan pada baris pertama kode/aksi. Ini lah spesialnya percabangan Switch.
Struktur kodenya:
switch (kondisi) {Sekarang implementasi isyarat percabangan Switch JavaScript dengan contoh kasus:
case x: ..Kode Aksi case1.. break;
case x: ..Kode Aksi case2.. break;
case x: ..Kode Aksi case3.. break;
case x: ..Kode Aksi case4.. break;
}
<!DOCTYPE html> <html> <head> <title>Belajar Percabangan JavaScript</title> </head> <body> <h2>Belajar Kondisi Percabangan SWITCH Statement JavaScript</h2> <script type="text/javascript"> var merkMobil = 3; switch (merkMobil) { case 1: document.write("Ini kendaraan beroda empat Toyota"); break; case 2: document.write("Ini kendaraan beroda empat Daihatsu"); break; case 3: document.write("Ini kendaraan beroda empat Honda"); break; case 4: document.write("Ini kendaraan beroda empat Suzuki"); break; case 5: document.write("Ini kendaraan beroda empat Mitsubishi"); break; } </script> </body> </html> Dengan rujukan masalah percabangan Switch diatas, maka yang akan di sanksi yaitu case 3 yaitu akan berjalan agresi "case 3: document.write("Ini kendaraan beroda empat Honda");", alasannya yaitu kondisi yang diterapkan yaitu "merkMobil=3". Dan cara sanksi dari percabangan Switch ini yaitu pribadi lompat ke case yang sesuai yaitu case 3, dan tidak memperdulikan case lainnya. Sehingga fungsi ini atau cara ini lebih dapat digunakan untuk hal-hal pemrogramman yang sesuai pada masalah Anda.
Penampakan pada browser:
Sampai disini Belajar JavaScript (Part8): Percabangan JavaScript, IF Statement, IF-ELSE, IF-ELSE IF-ELSE dan Switch Statement JavaScript, biar bermanfaat.
Ada pertanyaan perihal Belajar JAVASCRIPT ?
- Salam -