Berikut ini adalah contoh penggunaan For Loop pada JavaScript dan penerapannya dengan HTML
// Contoh penggunaan For Loop dalam JavaScript
for (let i = 0; i < 5; i++) {
console.log(i);
}
JavaScript<!-- Contoh penerapan For Loop dengan HTML -->
<ul>
<script>
for (let i = 1; i <= 5; i++) {
document.write(`<li>Item ${i}</li>`);
}
</script>
</ul>
HTMLOutput:
See the Pen Contoh For Loop pada JavaScript by WebbizID (@De-Orchids) on CodePen.
Dalam contoh di atas, kita menggunakan For Loop dalam JavaScript untuk melakukan iterasi sebanyak lima kali. Setiap kali iterasi dilakukan, nilai i
akan bertambah satu. Pada setiap iterasi, kita mencetak nilai i
ke konsol menggunakan console.log()
.
Selain itu, kita juga menerapkan For Loop dengan HTML. Dalam contoh tersebut, kita menggunakan For Loop untuk membuat daftar item dalam elemen <ul>
. Setiap kali iterasi dilakukan, kita menggunakan document.write()
untuk menambahkan elemen <li>
dengan teks “Item” diikuti dengan nilai i
.
Dengan menggunakan For Loop, kita dapat melakukan iterasi sebanyak yang kita inginkan dan melakukan tugas yang sama secara berulang. Ini sangat berguna ketika kita perlu melakukan operasi yang sama pada setiap elemen dalam sebuah array atau ketika kita ingin membuat elemen HTML secara dinamis.
Sekarang Anda dapat menggunakan contoh di atas sebagai referensi untuk mengimplementasikan For Loop dalam JavaScript dan menerapkannya dengan HTML dalam proyek Anda sendiri.