Pengulangan Dan Function Dalam Javascript (Pertemuan 15)

Assalamu'alaikum Wr. Wb.

Hello Guys, bertemu lagi dengan saya Salman Fauzan di postingan terbaru ini. Pembahasan kita kali ini masih seputar Javascript. Sekarang, kita akan membahas mengenai pengulangan dan penggunaan function didalam Javascript. Langsung saja kita mulai pembahasan kali ini.

1.For
Bentuk Umum Looping For :
for(inisialisasi;kondisi;pengubah){
baris program1;
baris program2;
...
}
Penggunaan Looping for sangat dianjurkan karena inisialisasi, kondisi, pengubah berada didefinisikan secara bersamaan diawal program.

Contoh 1 :

<html>
 <head>
  <title> Salman Fauzan Fahri Aulia - XI-RPL 3 - For In </title>
  <link href = "Pengulangan.css" rel = "stylesheet" type = "text/css">
 </head>
  <body>
   <p id="coba">
</p>
<script language = "javascript" type = "text/javascript">
            var text = "";
            var person = { fname: "Darren", lname: "Shadiq", age: 15 };
            var x;
            for (x in person) {
                text += person[x] + " ";
            }
            document.getElementById("coba").innerHTML = text;
            </script>
   </script>
  </body>
</html>

Pada contoh pertama ini, for digunakan untuk mengulang pemanggilan array person sehingga isi dari array person tersebut diketik secara berulang kali.

Contoh 2 :

<html>
 <head>
  <title> Salman Fauzan Fahri Aulia - XI-RPL 3 - Perulangan For </title>
  <link href = "Pengulangan.css" rel = "stylesheet" type = "text/css">
 </head>
  <body>
   <script language = "javascript" type = "text/javascript">
    for(x=1; x<=5; x++)
    {
     document.writeln("Inilah perulangan for<br>");
    }
   </script>
  </body>
</html>

Pada contoh kedua, for digunakan hanya untuk mengulang sebanyak 5 kali yang pengulangannya dimulai dari 1 yang kemudia mengetik hasil pengulangan tersebut sehingga tampil tulisan "Inilah perulangan for" sebanyak 5 kali.

2.While
Bentuk untuk Looping While :
while(kondisi) {
kode program yang akan dijalankan berkali kali;
}

Contoh Looping While :

<html>
 <head>
  <title> Salman Fauzan Fahri Aulia - XI-RPL 3 - Perulangan While </title>
  <link href = "Pengulangan.css" rel = "stylesheet" type = "text/css">
 </head>
  <body>
   <script language = "javascript" type = "text/javascript">
    var x = 0;
    while(x < 5)
    {
     document.writeln("Ini Adalah Pengulangan While<br>");
     x++;
    }
   </script>
  </body>
</html>

Pada contoh diatas, while digunakan untuk mengulang kata "Ini adalah pengulangan while" sebanyak kondisi yang ditentukan (X < 5) yang dimulai dari (X = 0).

3.Do While
Bentuk Untuk Do Whilte :
do {
kode program yang akan dijalan berkali kali;
}
while(kondisi);
Penggunaan Do-While akan otomatis mengulang 1 kali meskipun kondisi salah.

Contoh Looping Do While :

<html>
 <head>
  <title> Salman Fauzan Fahri Aulia - XI-RPL 3 - Perulangan Do..While </title>
  <link href = "Pengulangan.css" rel = "stylesheet" type = "text/css">
 </head>
  <body>
   <script language = "javascript" type = "text/javascript">
    var x = 0;
    do {
      document.writeln("Ini adalah perulangan Do While<br>");
      x++;
     }
    while (x < 4)
   </script>
  <?body>
</html>

Pada contoh diatas, pada dasarnya do telah menjalankan kondisi pertama kali kemudian while (X < 5) mengulangnya sebanyak sisa nya, karena (X < 5) maka pengulangan yang terjadi hanyalah 4 kali.

Contoh Looping Campuran :

<html>
 <head>
  <title> Salman Fauzan Fahri Aulia - XI-RPL 3 - Buat Pengulangan </title>
  <link href="Pengulangan.css" rel="stylesheet" type="text/css"></link>
 </head>
  <body>
   <div id="coba">
    <script language="javascript" type="text/javascript">
     for (var i = 0; i < 3; i++) {
      document.write("Halo javascript 1<br>");
     }
     
     var j = 0;
     while ( j < 3) {
      document.write("Halo javascript 2<br>");
      j += 1;
     }
     
     var k = 0;
     do {
      document.write("Halo javascript 3<br>");
      k++
     } while ( k < 3);
    </script>
   </div>
</body>
</html>

Contoh diatas adalah penggabungan dari beberapa pengulangan yang dapat dikategorikan cukup unik karena hanya dapat dilakukan di javascript saja, apabila didalam bahasa program yang lain nya mungkin akan terjadi error ketika kita memasukan pengulangan do while didalam for.

4.Function
Fungsi adalah suatu mekanisme yang digunakan untuk mengelompokan program dalam menyelesaikan suatu kasus, proses atau rumus aritmatika. Penggunaan function ini dapat memudahkan proses dalam pemprograman, karena kita hanya harus memanggil nama parameternya saja. Setiap function tidak dapat memiliki satu atau lebih parameter. Kita juga dapat menggunakan return untuk menampilkan nilai hasil pada aritmatika.

Contoh Function + Return :

<html>
 <head>
  <title> Salman Fauzan Fahri Aulia - XI-RPL 3 - Buat Fungsi </title>
  <link href = "Pengulangan.css" rel = "stylesheet" type = "text/css">
 </head>
  <body>
   <p id = "coba">
<script language = "javascript" type = "text/javascript">
     function hitungLuasAlas ( p, l ) {
      var luas = p * l;
      return luas;
     }
     function hitungVolume ( la, t ) {
      var vol = la * t / 2;
      return vol;
     }
     var panjang = 5;
     var lebar = 3;
     var tinggi = 4;
     var luasAlas;
     var volume;
     luasAlas = hitungLuasAlas(panjang, lebar);
     volume = hitungVolume(luasAlas, tinggi);
     alert("Ini adalah Luas Alas ==> " +luasAlas);
     alert("Ini adalah Volume ==> " +volume);
    </script>
   </p>
</body>
</html>

Pada contoh diatas, function diatas Rumus Luas Alas dan Volume disimpan didalam function yang yang nantinya akan dipanggil kembali. Setelah dihitung didalam function, hasilnya akan dimasukan kedalam return yang nantinya akan ditampilkan sebagai hasil,

Contoh Function without Return :

<html>
 <head>
  <title> Salman Fauzan Fahri Aulia - XI-RPL 3 - Buat Fungsi </title>
  <link href = "Pengulangan.css" rel = "stylesheet" type = "text/css">
 </head>
  <body>
   <p id = "coba">
<script language = "javscript" type = "text/javascript">
     function sapa(nama) {
      alert("Halo, namaku " + nama);
     }
     sapa("Bintang");
     
     function sayHalo() {
      alert("Halo, Saya Bulan");
     }
     sayHalo();
    </script>
   </p>
</body>
</html>

Pafa contoh diatas, function hanya digunakan untuk memanggil alert yang berada dalam function tersebut kemudian memanggil nama yang diinputkan.

Contoh Function Pemanggilan Char :

<html>
 <head>
  <title> Salman Fauzan Fahri Aulia - XI-RPL 3 - Buat Fungsi </title>
  <link href = "Pengulangan.css" rel = "stylesheet" type = "text/css">
 </head>
  <body>
   <p id = "Coba">
<script language = "javascript" type = "text/javascript">
     var nama = "Amelia";
     var posisiKarakter = 2;
     var k = nama.charAt(posisiKarakter);
     document.write("Karakter pada urutan ke 2, dari kata Amelia, adalah " +k +" (dimulai dari 0) ");
    </script>
   </p>
</body>
</html>

Pada contoh diatas, function digunakan untuk mencari satu karakter yang terdapat dalam kalimat tersebut.

Contoh Function Index Of :

<html>
 <head>
  <title> Salman Fauzan Fahri Aulia - XI-RPL 3 - Buat Fungsi </title>
  <link href = "Pengulangan.css" rel = "stylesheet" type = "text/css">
 </head>
  <body>
   <p id = "coba">
<script language = "javscript" type = "text/javascript">
     var nama = "SMK Negeri 4 Bandung";
     var dimanaKata = nama.indexOf("Bandung"); // dimanaKata akan bernilai 13
     document.write("Dari fungsi ini, Bandung ada di urutan ke " +dimanaKata
     + " Dari kalimat SMK Negeri 4 Bandung");
    </script>
   </p>
</body>
</html>

Pada contoh diatas, function digunakan untuk mencari Bandung dengan menggunakan index.

Cukup sampai disini dulu ya Guys pembahasan kita kali ini. Mohon maaf bila ada kesalah dalam pengetikan maupun penjelasan. See you next Guys!.

Wassalamu'alaikum Wr. Wb.

Cyber Information Cafe

Cari Blog Ini

Pengulangan Dan Function Dalam Javascript (Pertemuan 15)

Komentar

Posting Komentar