Kondisi percabangan switch case dan Break merupakan suatu fungsi yang selalu ada dalam setiap pemrograman,dan mungkin di setiap pemrograman yang berbeda hanya dalam penulisan. dan sekarang kita akan mencoba kondisi percabangan switch case dan break dalam javascript. Namun seperti biasa izinkan diri ini untuk mengucapkan
Salam sobat semua
Alhamdulillahi robbil ‘alamiin atas segala nikmat yang telah di berikan oleh Allah pada diri ini secara gratis sehingga diri ini bisa menulis dan berbagi dalam tulisan ini, dan tak lupa sholawat serta salamku akan tetap terpanjatkan untuk junjungan baginda sayyidina Muhammad ibni Abdillah S.A.W. beserta kepada keluarga dan para sahabatnya. Dan marilah sebelum memulai sesuatu mari kita biasakan diri ini untuk membaca basmalah di setiap kita memulai sesuatu agar Allah memberikan kemudahan dan kelancaran dalam setiap pemulaan kita sehingga tercapai akhiran seperti yang kita harapkan.
Bismillahir rohmaanir rohiim, kali ini kita akan mencoba apa yang namanya kondisi percabangan switch case dan break javascript yang mana dari kedua fungsi tersebut jika kita paham bahasa inggris maka kita akan sudah bisa menerka untuk fungsinya dan artinya. Fungsi break dalam javascript kalau menurut saya adalah suatu fungsi untuk memberhentikan atau menghentikan suatu proses kode dalam javascript. Biasanya ini dipakai dalam suatu perulangan, namun juga bisa digunakan dalam kondisi percabangan switch case. Dan sedangkan untuk fungsi switch case dalam javscript kalau menurut saya adalah suatu fungsi yang digunakan untuk mengkondisikan banyak kondisi dan memproses kode dalam setiap kondisi yang berbeda. Dan mungkin hampir sama untuk fungsi if else dan else if dalam javascript yang telah kita tulis dalam tulisan https://notemazdopunk.blogspot.com/2021/07/javascript-dasar-kondisi-if-else-dan.html
Biar lebih jelas dan lebih mudah dipahami mari kita langsung terapkan dalam kode javascript di dalam notepad atau text editor kita. Sekarang kita perlu di ketahui adalah cara penulisan kode switch case javascript ini yang kurang lebihnya seperti berikut
Switch(variabel){case kondisi_pertama :proses;break;case kondisi_kedua :proses;break;default:proses;break;}
Sehingga kalau kita terapkan dalam kode javascript maka akan seperti berikut kurang lebihnya
<script>
var a=8;
var hsljml=a+10;
switch(hsljml){
case 10 :
document.write("<p>ini hasil jumlah nilainya 10 </p>" );
break;
case 18 :
document.write("<p>ini hasil jumlah nilainya 18</p>" );
break;
default:
document.write("<p>ini hasil jumlah nilainya " +hsljml+"</p>");
break;
}
</script>
Maka dari kode diatas akan menghasilkan output "ini hasil jumlah nilainya 18" seperti tampak pada gambar berikut
dan jika kita ubah nilai variabel hsljml menjadi 10 maka akan tampil output "ini hasil jumlah nilainya 10" yaitu dengan cara merubah nilai 10 dengan nilai 2 pada penjumlahan variabel hsljml atau merubah nilai variabel a menjadi 0. Maka hasil nanti dari nilai hsljml adalah 10.
Sekarang kita mencoba dari fungsi break dan pengaruhnya dalam switch ini. Maka kita sekarang hilangkan tulisan break dalam kode diatas sehingga untuk kode lengkapnya seperti berikut
<script>var a=8;var hsljml=a+10;switch(hsljml){case 10 :document.write("<p>ini hasil jumlah nilainya 10 </p>" );case 18 :document.write("<p>ini hasil jumlah nilainya 18</p>" );default:document.write("<p>ini hasil jumlah nilainya " +hsljml+"</p>");}</script>
Jika kode diatas dijalankan atau diload atau di running maka kita akan mendapatkan dua output yaitu "ini hasil jumlah nilainya 18" dan output "ini hasil jumlah nilainya 18", karena proses yang dibawahnya akan juga ikut terproses sehingga output menjadi dua karena fungsi break atau fungsi untuk memberhentikan atau menghentikan proses kode javascript. Tapi kalau fungsi break kita tulis lagi di setiap case kondisi switch maka output yang akan dihasilkan hanya satu output saja. Dan dari kode diatas menghasilkan output seperti gambar berikut
Dan switch case ini juga bisa untuk pengkondisian percabangan dengan menggunakan operator pembanding seperti tulisan if else dalam tulisan https://notemazdopunk.blogspot.com/2021/07/javascript-dasar-kondisi-if-else-dan.html dengan mengubah kondisi switch menjadi true, biar lebih jelas bisa kita simak bersama untuk kodenya seperti berikut
<script>var a=8;var hsljml=a+1;switch(true){case hsljml <= 10:document.write("<p>ini hasil jumlah kurang dari atau sama dengan 10 dan nilainya adalah "+hsljml+"</p>");break;case hsljml >=18:document.write("<p>ini hasil jumlah dan nilainya adalah 18</p>");break;default:document.write("<p>ini hasil selain itu jumlah dan nilainya adalah "+hsljml+"</p>");break;}</script>
Maka dari kode diatas akan menghasilkan output "ini hasil jumlah kurang dari atau sama dengan 10 dan nilainya adalah 9" seperti tampak pada gambar berikut
Dan saya rasa cukup sekian dulu untuk tulisan tentang switch case javascript dan fungsi break dalam javascript ini, dan kita akan lanjut di next tulisan Insya Allah. Dan mudah-mudahan tulisan ini bisa memberi dan membawa manfaat bagi kita semua, Aamiiin.
Salam sobat semua.
#javascript #html #free #share #web #website #websites #switch #case #break
Comments
Post a Comment