10 May, 2011

perulangan atau looping dalam javascript

perulangan atau looping digunakan untuk mengulang beberapa kejadian/event. jenis dari perulangan tersebut yaitu ada tiga, perulangan For, While, dan Do While. oke, langsung aja kita coba lihat perbedaan dari setiap looping tersebut.
sebelumnya maaf klo kurang jelas, maklum lagi males ngetik .hhihi

  • perulangan For
  • perulangan For digunakan jika sudah mengetahui akhir dari perulangan tersebut.
    for (nilai awal;kondisi;penambahan){
      ulang pernyataan ini;
    }
    

    contoh:
    <HTML>
    <HEAD><TITLE>Perulangan For</TITLE></HEAD>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- menyembunyikan script dan browser non-JS
    document.writeln("<H2>Latihan Perulangan For</H2>");
    document.writeln("------------------------------------------------");
    for (i=1; i<=7; i++){
      sq=i*i;
      document.writeln("<PRE>");
      document.write("Angka: " + i + " -----> Kuadrat: " + sq + "<BR>");
      document.writeln("</PRE>");
    }
    document.writeln("------------------------------------------------");
    // akhir dari penyembunyian -->
    </SCRIPT>
    </HEAD>
    <BODY>
    </BODY>
    </HTML>
    tampilan:


  • perulangan While
  • aperulangan While digunakan untuk perulangan yang tidak diketahui berapa kali roses pengulangan dilakukan. perintah While terus mengulang/looping selama kondisi memiliki nilai True.
    while (kondisi){
      ulang pernyataan ini;
    }
    

    contoh:
    <HTML>
    <HEAD><TITLE>Perulangan While</TITLE></HEAD>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- menyembunyikan script dan browser non-JS
    var deret = prompt('Masukkan Jumlah Deret :','');
    document.writeln("<H2>Latihan Perulangan While</H2>");
    document.writeln("------------------------------------------------");
    document.writeln("<BR>");
    var jml = 0.0;
    var angka = 1;
    
    while (angka <= deret){
      jml= jml+angka;
      angka++
    }
    
    document.writeln("<BR>");
    document.writeln("Jumlah Deret dari 1 sampai "+ deret +" adalah = "+ jml);
    document.writeln("<BR>");
    document.writeln("------------------------------------------------");
    // akhir dari penyembunyian -->
    </SCRIPT>
    </HEAD>
    <BODY>
    </BODY>
    </HTML>
    

    tampilan:


  • perulangan Do While
  • aperulangan ini hampir sama dengan perulangan While, digunakan jika kita belum tau berapa kali pengulangan harus dilakukan. namun perbedaannya perulangan Do While pernyataannya dilakukan diakhir pernyataan.
    Do{
      //pernyataan1 dieksekusi
    }
    while (kondisi);

    contoh:
    <HTML>
    <HEAD><TITLE>Perulangan Do-While</TITLE></HEAD>
    <BODY>
    <SCRIPT LANGUAGE="JavaScript">
    <!-- menyembunyikan script dan browser non-JS
    function pass(){
      var coba = 1;
      do{
        p = prompt("Tuliskan password dengan benar","");
        if (p=="softphobia"){
          alert("Selamat Datang Friends");
          window.open("welcome.html");
          break;
        }else{
          alert("Password Salah !!! Ulangi lagi.");
        }
    
        if (coba==3){
          alert("maaf, kesempatan anda hanya 3 kali");
          history.go(-1);
        }
        coba=coba+1;
      }
      while (coba<=3)
    }
    // akhir dari penyembunyian -->
    </SCRIPT>
    <FORM METHOD="post">
    <INPUT TYPE="button" VALUE="Password" ONCLICK="pass()">
    </FORM>
    </BODY>
    </HTML>
    

    tampilan:

    silahkan download contoh scriptnya disini.

    Load disqus comments

    0 komentar