Sistem Percabangan JavaScript

Halo! Buenos dias! Di sini saya akan membagikan tentang sistem percabangan di Java Script.

Sistem percabangan adalah tempat percabangan sebuah kondisi dimana ketika kondisi benar, maka beberapa program akan dijalankan dan jika kondisi tidak benar, kode tersebut tidak akan dijalankan.


Sistem percabangan di bagi menjadi 4, yaitu:
1. If
     Adalah percabangan yang digunakan jika kita hanya memiliki satu pernyataan yang akan dijalankan dengan syarat tertentu. Contohnya sebagai berikut:

if(kondisi){
     ......
}


2. Else
    Digunakan untuk mengeksekusi kode jika kondisi if tidak bernilai benar. Contohnya sbb:

if(kondisi){
     ......
}
else{
     ......
}


3. Else if
     Digunakan untuk percabangan yang jumlah kondisinya lebih dari satu dengan berbagai pernyataan.
if(kondisi 1){
     kode jika kondisi 1 terpenuhi
}
else if(kondisi 2){
     kode jika kondisi 2 terpenuhi
}
else if(kondisi 3){
     kode jika kondisi 3 terpenuhi
}
else{
     kode jika tidak ada satu pun kondisi di atas yang terpenuhi.
}


4. Switch
     Adalah sebuah struktur percabangan yang akan memeriksa suatu variabel, lalu akan menjalankan kode-kode jika variabel yang ditentukan nilainya benar. Misalnya variabel nilainya 1, maka akan menjalankan case 1. Switch fungsinya sama dengan if namun lebih singkat. Contoh:

switch(variabel){
     case nilai:
          ..........
          break;
     case nilaiN:
          ..........
          break;
     default:
          kode program jika nilai tidak ada yang sesuai.
          break;
}




Ini adalah percabangan if else dengan kondisi jika input umur yang kita masukkan dibawah 17 maka kita akan menjalankan kode sbb:

See the Pen XWrRxKr by Ayulia (@arreh_au) on CodePen.
parseInt adalah kode untuk menginput variabel dengan tipe integer sementara prompt adalah kotak yang ditampilkan di halaman web yang dapat diisi.


Ini adalah contoh lainnya:
See the Pen NWKjORB by Ayulia (@arreh_au) on CodePen.



Di dalam JavaScipt kita juga bisa mendeteksi jam yang ada di laptop/perangkat kita. Misalnya kita ingin mengetahui jam berapa sekarang, kita bisa menggunakan kode getHours()
See the Pen JjPrZPe by Ayulia (@arreh_au) on CodePen.
Dalam kode di atas, tag new Date berfungsi untuk mengambil waktu terkini yang ada di perangkat sementara getHours berfungsi untuk mendapatkan waktu yang lebih spesifik lagi, yaitu jam. Jika jam kurang dari 18 maka akan muncul tulisan selamat pagi, dan jika tidak maka akan muncul Selamat sore!


Ini adalah contoh lain dari penggunaan getHours, namun ditambah dengan percabangan if else.



See the Pen yLBzEoK by Ayulia (@arreh_au) on CodePen.


Ini adalah contoh lain penggunaan getHours, namun dengan tambahan border dan else if. Else if sendiri adalah percabangan dari if. Oh iya, new Date juga bisa dideklarasikan dalam sebuah variabel, loh!

See the Pen LYPzrRo by Ayulia (@arreh_au) on CodePen.


Ini adalah contoh penggunaan prompt seperti cek pulsa di ponsel anda. Variabel pilihan fungsinya untuk menyimpan pilihan yang kita pilih sementara parseInt fungsinya semacam membaca inputan kita dalam bentuk int.
See the Pen RwbLJxr by Ayulia (@arreh_au) on CodePen.


Di bawah ini sama seperti di atas, namun berbeda kasus. Meskipun begitu, saya mengakui kalau cara ini tidak efektif

See the Pen WNeZyJX by Ayulia (@arreh_au) on CodePen.



Sementara di bawah ini adalah kode akhir saya yang fungsinya untuk mengkonversi suhu. Untuk hasilnya bisa anda coba sendiri. Sebenarnya kode yang saya tulis biasa saja, namun rumusnya lah yang membuat saya memutar otak berkali kali. Untuk hasilnya, anda tinggal menekan tombol result di bawah ini!
See the Pen dybVKgY by Ayulia (@arreh_au) on CodePen.


Terima kasih sudah membaca!



Komentar

Postingan Populer