Breaking

Monday, September 11, 2017

Tutorial JavaScript Part 10 : Perulangan ( Looping ) Pada Javascript

Assalamu'alaikum W. W

PENGERTIAN
Perulangan ialah suatu yang di ulang - ulang. 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. Dengan 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 :

<!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>

    <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 += "Baca dan Baca " + 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>";
KESIMPULAN
Sobat setia SC Blog juga 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. 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.

No comments:

Post a Comment