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
- Javascript Part 1 : Pengertian dan Pengenalan Javascript
- Javascript Part 2 : Penulisan Dan Cara Penggunaan Javascript
- Javascript Part 3 : Mengenal Variabel Javascript
- Javascript Part 4 : Operator Aritmatika Javascript
- Javascript Part 5 : Mengenal Tipe Data Javascript
- Javascript Part 6 : Membuat Function Javascript
- Javascript Part 7 : Mengenal Event Pada Javascript
- Javascript Part 8 : Menampilkan Tanggal Dengan Javascript
- Javascript Pat 9 : Switch Case Di Javascript
- Javascript Part 10 : Perulangan (Loop) For Pada Javascript
Tidak ada komentar :
Posting Komentar