JavaScript Chapter 11 - Perulangan For pada Javascript

Nurroin's Blog - Kembali lagi di Totorial dasar Javascript. Disini saya akan membahasa tentang "Perulangan For" pada Javascript, Lansung saja kepada materi.

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

Index.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

var text = "";
var x;
for (x = 0; x <= 10; x++) {
        text += "Angka " + x + "<br>";
}
document.getElementById("hasil").innerHTML = text;

Untuk hasilnya.

Hasil dari index.html

 Setelah button di klik akan muncul seperti ini

Setelah button di klik

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 LAINNYA

• Javascript Chapter 1 : Pengertian dan Pengenalan Javascript
• Javascript Chapter 2 : Penulisan dan Cara Penggunaan Javascript
• Javascript Chapter 3 : Mengenal Variabel Javascript
• Javascript Chapter 4 : Operator Aritmatika Javascript
• Javascript Chapter 5 : Mengenal Tipe Data Javascript
• Javascript Chapter 6 : Membuat Function Javascript
• Javascript Chapter 7 : Mengenal Event pada Javascript
• Javascript Chapter 8 : Membuat Inputan Angka
• JavaScript Chapter 9 : Menampilkan Tanggal dengan Javascript
• Javascript Chapter 10 : Switch Case di Javascript
• Javascript Chapter 11 : Perulangan For pada Javascript