JavaScript

Belajar JavaScript Part 11 : Perulangan For

Halo salam jumpa kembali di pertemuan yang ke-sebelas ini, masih di sesi belajar JavaScript. Pada pertemuan ini saya akan mengulas tentang Perulangan Pada JavaScript.

Perulangan for sangat berguna untuk sebuah program yang akan kita bangun. Misalkan kita ingin menampilkan string secara berulang, misalnya saya ingin menampilkan string dengan jumlah 100x, tidak mungkin juga kita menulisnya sebanyak 100x. Yang ada akan memakan waktu banyak untuk hal lain kan, benar?

Jadi untuk membuatnya kita dapat menggunakan perulangan for atau for loop. Tidak hanya untuk string, kita juga dapat menjalankan sebuah method dengan berulang – ulang.

Fungsi for di semua bahasa pemrograman yaitu, untuk membuat perulangan, dengan fungsi tersebut kita dapat membuatnya secara berulang, baik itu string, angka ataupun method. Biar gak makan waktu banyak langsung saja kita coba.

Baca: Switch Case Pada JavaScript.


Membuat Perulangan For / For Loop Pada JavaScript.

Saya membuat contoh kode program yang berisi perulangan for di JavaScript, teman – teman bisa lihat contohnya di bawah ini.

<!DOCTYPE html>
<html>
<head>
	<title>Belajar Javascript Part 11 : Perulangan For</title>
</head>
<body>
	<h1>Membuat Perulangan For Pada Javascript</h1>
	<h2>www.irvannurfazri.com</h2>


	<button onclick="perulangan()">TOMBOL</button>	

	<!-- id hasil -->
	<div id="hasil"></div>

	<script>
		function perulangan() {
		    var text = "";
		    var x;
		    for (x = 0; x <= 5; x++) {
		        text += "Angka " + x + "<br>";
		    }
		    document.getElementById("hasil").innerHTML = text;
		}
	</script>	
</body>
</html>

Pada kode program diatas, kita telah membuat sebuah tombol, dimana tombol tersebut jika di klik akan menjalankan function perulangan()

Penulisan perulangan for untuk javascript sama seperti kita membuat perulangan pada PHP. Disini kita membuat perulangan for sama dengan 0, jadi x lebih sama dengan 5. Maka yang ditampilkan adalah angka 0 sampai 5.

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

Jika dijalankan hasilnya akan seperti gambar dibawah ini.

Nah jika kita klik TOMBOL maka akan di tampilkan hasil dari perulangan for.


Penutup

Mungkin itu saja yang dapat saya sampaikan di pertemuan ini, tentang Perulangan For Pada JavaScript. Jika kurang mengerti atau salah dalam penulisan maupun penyampaian, silahkan diskusikan di form komentar, semoga apa yang sudah kita pelajari dapat bermanfaat bagi kita semua.

Income Search

  • Perulangan for javascript
  • for loop on javascript
  • cara membuat perulangan
  • contoh perulangan yang ada di javascript
  • apa fungsi perulangan for
Written by Irvan Nurfazri
No one can bring you true happiness except Allah. Founder Hobigame.id Instagram : ig.com/irvan_gen Profile

Leave a Reply

Your email address will not be published. Required fields are marked *