Percabangan

Untuk membuat suatu halaman yang dinamis dan interaktif, perancang halaman Web membutuhkan perintah-perintah yang dapat mengatur aliran dari informasi. Berdasarkan hasil komputasi yang telah dilakukan, JavaScript akan membuat keputusan jalur mana yang akan dieksekusi.

Pada dasarnya dalam JavaScript terdapat dua macam pernyataan percabangan yaitu if else dan switch

  1. if else

    Pernyataan ini digunakan untuk menguji sebuah kondisi dan kemudian mengeksekusi pernyataan tertentu bila kondisi tersebut terpenuhi, dan mengeksekusi pernyataan lain bila kondisi tersebut tidak terpenuhi.

    if (kondisi)

    {

       //pernyataan1 dieksekusi

       //bila kondisi terpenuhi   

    }

    else

    {

       //pernyataan2 dieksekusi

       //bila kodisi tidak terpenuhi

    }

    Kondisi adalah ekspresi Javascript yang mana hasilnya nanti berupa nilai Boolean true atau false.

    Untuk banyak kasus (kondisi), maka kita dapat meletakkan if lain setelah else

    if (kondisi1)
    {
       //pernyataan1 dieksekusi
       //bila kondisi1 terpenuhi
    }
    else if (kondisi2)
    {
       //pernyataan2 dieksekusi
       //bila kodisi1 tidak terpenuhi
    }
    else
    {
       //pernyataan3 dieksekusi
       //bila kodisi2 tidak terpenuhi
    }

    Untuk lebih jelasnya, langsung saja kita buat contohnya. Disini saya akan membuat sebuah contoh program yang nantinya akan menentukan apakah bilangan yang kita masukkan bilangan ganjil atau genap, check this out :

    <HTML>
    <HEAD><TITLE>Bilangan Genap Ganjil</TITLE></HEAD>
    <BODY>
    <SCRIPT language="JavaScript">
       function cek()
       {
          var bil = parseFloat(document.formku.bilangan.value);
          var jenis = " ";
    
          if(isNaN(bil))
          {
             alert("Anda Belum memasukkan Bilangan");
          }
          else
          {
             if (bil % 2 == 0)
             {
                jenis = " Adalah bilangan Genap";
             }
             else
             {
                jenis = " Adalah bilangan Ganjil";
             }
    
             alert(bil+" "+jenis);
          }
       }
    </SCRIPT>
    <FORM NAME="formku">
    <H2><BR>Bilangan Genap Atau Ganjil ???</H2>
    Masukkan Bilangan : <input type="text" size="11" name="bilangan">
    <INPUT TYPE="button" value="Tanya" onclick="cek()">
    <INPUT TYPE="reset" value="Ulang">
    </FORM>
    </BODY>
    </HTML>

    Berikut hasilnya :

  2. switch

    Selain menggunakan if else, anda juga bisa membuat percabangan dengan menggunakan switch, yang nantinya akan menyederhanakan pernyataan if else yang terlalu banyak

    switch (kondisi)
    {
       case (pernyataan1 sesuai kondisi) : (dieksekusi); break;
       case (pernyataan2 sesuai kondisi) : (dieksekusi); break;
       case (pernyataan... sesuai kondisi) : (dieksekusi); break;
    }

    Untuk percabangan switch saya akan membuat program menentukan nama bulan (kalender) :

    <HTML>
    <HEAD><TITLE>Menentukan Nama Bulan</TITLE></HEAD>
    <BODY>
    <SCRIPT language="JavaScript">
    function cek()
    {
       var bulan = parseFloat(document.formku.inputbulan.value);
       var namabulan = " ";
    
       switch (bulan)
       {
          case 1 : namabulan="Bulan ke 1 adalah Bulan Januari"; break;
          case 2 : namabulan="Bulan ke 2 adalah Bulan Februari"; break;
          case 3 : namabulan="Bulan ke 3 adalah Bulan Maret"; break;
          case 4 : namabulan="Bulan ke 4 adalah Bulan April"; break;
          case 5 : namabulan="Bulan ke 5 adalah Bulan Mei"; break;
          case 6 : namabulan="Bulan ke 6 adalah Bulan Juni"; break;
          case 7 : namabulan="Bulan ke 7 adalah Bulan Juli"; break;
          case 8 : namabulan="Bulan ke 8 adalah Bulan Agustus"; break;
          case 9 : namabulan="Bulan ke 9 adalah Bulan September"; break;
          case 10 : namabulan="Bulan ke 10 adalah Bulan Oktober"; break;
          case 11 : namabulan="Bulan ke 11 adalah Bulan November"; break;
          case 12 : namabulan="Bulan ke 12 adalah Bulan Desember"; break;
          default : namabulan="Anda salah mengisi, silahkan masukkan nomor 1 - 12";
       }
       alert(namabulan);
    }
    </SCRIPT>
    <FORM NAME="formku">
    <H2>Menggunakan Percabangan Dengan Switch</H2>
    Masukkan Nomor Bulan [1-12] : <input type="text" size="2" name="inputbulan">
    <INPUT TYPE="button" value="Cek" onclick="cek()"><INPUT TYPE="reset" value="Reset">
    </FORM>
    </BODY>
    </HTML>

    Berikut hasilnya :

Bagi teman-teman yang ingin menaruh maupun menyalin artikel ini ke blog maupun media elektronik lainya, harap mencantumkan sumbernya, gunakan etika berinternet, terima kasih. Salam ivonidiego

About ivonidiego
You = What You Do

One Response to Percabangan

  1. ikbal says:

    sipppp”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: