Sabtu, 15 April 2017

Mengenal perulangan for Pada JavaScript

Assalamualaikum Wr.Wb


Pada postingan kali ini saya akan membahas tentang perulangan for pada JavaScript.Fungsi For pada semua bahasa pemrograman berfungsi untuk membuat perulangan. dengan membuat perulangan kita bisa membuat semua nya secara berulangang-ulang. baik itu menampilkan string secara berulangang-ulang, angka dan fungsi method secara berulang-ulang.

Misalnya jika kita ingin menampilkan string secara berulang-ulang. jika kita ingin menampilkan sebuah kalimat sebanyak 100 kali. tidak mungkin kita menulis sebanyak 100 kali. jadi solusi di dalam pemrogrman nya adalah menggunakan perulangan for (for loop).Perulangan for  tidak hanya string, kita juga bisa menjalankan sebuah method secara berulang-ulang.

Baiklah mari kita mulai di sini saya mempunyai contoh  sebuah tombol yang di klik maka akan menjalankan function perulangan() .
<!DOCTYPE html>
<html>
<head>
    <title>Perulangan For Pada Javascript</title>
</head>
<body>
    <h1>Perulangan For Pada Javascript</h1>
    <h2>Klik Tombol Di Bawah Untuk Melihat perulangan</h2>

    <center>
    <button onclick="perulangan()">TOMBOL</button> 
    </center>
    <center>
    <div id="hasil"></div><!-- ouput akan tampil di sini -->
    </center>

    <script>
        function perulangan() {
            var text = "";
            var x;
            for (x = 0; x <= 10; x++) {
                text += "Angka " + x + "<br>";
            }
            document.getElementById("hasil").innerHTML = text;
        }
    </script> 
</body>
</html>
Perulangan for pada javascript  cara penulisanya sama dengan membuat perulangan for pada php.
{
            var text = "";
            var x;
            for (x = 0; x <= 10; x++) {
                text += "Angka " + x + "<br>";
            }
            document.getElementById("hasil").innerHTML = text;
 }
Maka hasilnya akan seperti di bawah
 

Sekarang mari kita coba membuat perulangan hingga 100 kali

Tinggal ubah
for (x = 0; x <= 10; x++) {
                text += "Angka " + x + "<br>";
            }
Menjadi seperti di bawah ini
 for (x = 0; x <= 100; x++) {
                text += "Angka " + x + "<br>";
            }
Maka hasilnya akan seperti di bawah




 Referensi:
Wassalamualaikum Wr.Wb
           
Share:

0 komentar:

Posting Komentar