Lebak Cyber Tips dan Trik Komputer
Perulangan For di Javascript
lebakcyber.net – Perulangan for di Javascript. Bertemu lagi di tutorial belajar Javascript di website lebakcyber.net. Dan pada kesempatan kali ini kita akan membahas mengenai perulangan For di Javascript.
Perulangan sendiri didalam sebuah pemrograman sangat berguna, contohnya jika kita ingin menampilkan sebuah nilai atau kalimat secara berulang-ulang misalnya sampai 10 kali, tidak mungkin kita harus menuliskannya satu persatu sampai 10 kali. Dan untuk mengatasi hal tersebut kita bisa menggunakan fungsi perulangan for pada aplikasi atau web yang sedang kita buat.
Fungsi for sendiri hampir pada semua bahasa pemrograman memiliki fungsi agar bisa membuat sebuah perulangan. Dengan membuat sebuah perulangan kita dapat membuat semuanya menjadi berulang-ulang. Baik itu misalnya untuk menampilkan sebuah kalimat secara berulang-ulang ataupun angka serta fungsi method secara berulang-ulang.
Biar gak bingung, mungkin baiknya langsung saja kita masuk ke contoh penggunakan perulangan for tersebut pada bahasa pemrograman Javascript.
Sekarang silahkan buat sebuah file baru dengan nama index.html, lalu masukan perintah seperti dibawah ini untuk membuat perintah perulangan sebanyak 10 kali :
<!DOCTYPE html>
<html>
<head>
<title>Contoh Perulangan For Pada Javascript</title>
</head>
<body>
<h1>Perulangan For di Javascript | lebakcyber.net</h1>
<button onclick="perulangan_for()">Klik Disini</button>
<div id="tampil"></div>
<script>
function perulangan_for() {
var text = "";
var i;
for (i = 0; i <= 10; i++) {
text += "Perulangan ke " + i + "<br>";
}
document.getElementById("tampil").innerHTML = text;
}
</script>
</body>
</html>
Perulangan for pada bahasa pemrograman Javascript sebenarnya cara penulisannya sama dengan membuat sebuah perulangan for di PHP, dimana pada contoh perintah diatas kita membuat sebuah variabel i dimana variabel i tersebut memiliki nilai 0 dan jika nilai variabel i tersebut masih kurang atau sama dengan 10, maka perulangan akan ditampilkan dari 0 sampai dengan 10. Tepatnya pada fungsi perulangan seperti dibawah ini :
function perulangan_for() {
var text = "";
var i;
for (i = 0; i <= 10; i++) {
text += "Perulangan ke " + i + "<br>";
}
document.getElementById("tampil").innerHTML = text;
}
Pada contoh perintah diatas juga kita membuat sebuah tombol dimana pada saat tombol tersebut diklik maka akan menampilkan hasil dari perulangannya. Jalankan file index.html tersebut melalui browser lalu tampilannya akan seperti pada gambar dibawah ini.
Dan setelah tombol Klik Disini ditekan, maka hasilnya akan seperti pada gambar dibawah ini :
Oke jadi seperti itulah bagaimana cara untuk memebuat sebuah perulangan for pada bahasa pemrograman Javascript, semoga tutorial ini dapat bermanfaat bagi kalian yang sedang belajar javascript dan sampai jumpa di tutorial belajar javascript selanjutnya.
