Monday, January 16, 2017

Javascript Part 10 : Perulangan (Loop) For Pada Javascript


JAVASCRIPT PART 10 : PERULANGAN / LOOP FOR PADA JAVASCRIPT
Perulangan di dalam pemrograman sangatlah berguna. 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 kan ?. Jadi solusinya di dalam pemrograman adalah menggunakan for loop atau dalam bahasa indonesia perulangan for. Tidak hanya string, kita juga bisa menjalankan sebauh method secara berulang - ulang.

Fungsi for pada semua bahasa pemrograman adalah untuk membuat perulangan. Denga membuat perulangan kita bisa membuatnya secara berulang - ulang, baik itu menampilkan string secara berulang-ulang, angka dan fungsi method secara berulang - ulang . Jadi kita dimudahkan dalam penggunaan for loop ini.

MEMBUAT PERULANGAN DENGAN FOR PADA JAVASCRIPT
Pada tutorial ini kita belajar membuat perulangan angka dan perulangan string pada javascript. Silahkan sobat perhatikan contoh berikut

belajar.html
<!DOCTYPE html>
<html>
<head>
    <title>Javascript Part 10 : Perulangan For Pada Javascript</title>
</head>
<body style="font-family: raleway">
    <h1>Perulangan For Pada javascript</h1>
    <h2><a href="www.script-kiddies.org">Script Kiddies</a></h2>

    <button onclick="perulangan()">Klik Disini</button>

    <!-- Id Hasil -->
    <div id="hasil"></div>

    <script type="text/javascript">
        function perulangan(){
            var text = "";
            var x;
            for (x = 0; x <= 10; x++){
                text += "Ganteng " + x + "<br>";
            }
        document.getElementById('hasil').innerHTML = text;
        }
    </script>
</body>
</html>


Disini kita membuat sebuah tombol yang jika diklik akan menjalankan function perulangan(). Baca tutorial sebelumnya tentang Pengenalan Event Javascript agar lebih jelas

Perulangan for pada Javascript sama cara penulisanya dengan membuat perulangan for pada PHP yang akan saya bahas pada artikel yang akan datang. Disini kita membuat perulangan for dengan x sama dengan 0, x lebih kecil sama dengan 10. Jadi yang ditampilkan adalah angka 0 sampai 10
function perulangan(){
            var text = "";
            var x;
            for (x = 0; x <= 10; x++){
                text += "Angka " + x + "<br>";
Nah akan muncul perulangan dari angka 0 sampai angka 10

KESIMPULAN
Sobat dapat memberikan batasan sampai 1000 pun bisa tetapi jika sobat salah dalam penulisan loop ini maka web browser sobat akan crash itulah pengalaman yang pernah saya alami hehe :D . Dengan menggunakan loop ini programmer akan dipermudah dalam penulisan data dan tidak perlu ribet - ribet membuat banyak sekali data hanya dengan membuat loop ini kita bisa mengulang data dengan mudah

Referensi : Malas Ngoding

TUTORIAL BELAJAR JAVASCRIPT DASAR LAINYA


EmoticonEmoticon