Hallo sobat apa kabar semuanya, berjumpa lagi dengan saya di tutorial Dumet School. Pada artikel kali ini kita akan belajar Cara Menggunakan Fungsi While dengan Javascript, dimana fungsi while pada Javascript ini sama seperti kita menggunakan fungsi while pada PHP. Namun yang membedakan hanya cara pemanggilan dan cara penulisan variabelnya saja.

Biasanya untuk penulisan variabel pada PHP dengan tanda dolar ($), misalnya $nama

Beda halnya cara penulisan variabel pada Javascript dengan langsung menulis kan var, misalnya var nama

Oke biar tidak penasaran kita langsung saja praktekkan, sebelum itu kita lihat demonya dulu pad gambar di bawah ini

Cara Menggunakan Fungsi While dengan Javascript

Teman-teman bisa lihat pada demo gambar di atas ini, kita akan paraktekkan Cara Menggunakan Fungsi While dengan Javascript sesuai dengan gambar di atas. Seperti biasa siapkan terlebih dahulu text editornya, lalu tuliskan scriptnya seperti gambar di bawah ini

Cara Menggunakan Fungsi While dengan Javascript

Kemudian save dengan index.html dan jalankan pada browsernya, maka output akan menghasilkan seperti gambar di bawah ini

Cara Menggunakan Fungsi While dengan Javascript

Seperti yang kalian lihat pada gambar script di atas yang saya beri kotak warna merah, adalah cara menggunakan variabel pada Javascript. Langkah berikutnya kita akan menggunakan fungsi while, teman-teman ubah script nya dan samakan dengan gambar di bawah ini

Cara Menggunakan Fungsi While dengan Javascript

Jika sudah save dan refresh browsernya, maka fungsi while berhasil di jalankan.

Cara Menggunakan Fungsi While dengan Javascript

Jika sudah di ubah teman-teman coba refresh pada browsernya, maka fungsi while dengan Javascript sudah berhasil di buat.

Cara Menggunakan Fungsi While dengan Javascript 5

var nama = “”;
var i = 1;
while (i <= 10) {
nama += “<br>Angka Ke ” + i;
i++;
}
document.getElementById(“cetak”).innerHTML = nama;

Penjelasan script di atas ini adalah memiliki dua var yaitu (var nama= “”) dan (var i =1;) kemudian di dalam fungsi while terdapat nilai (i<=10) artinya while akan melooping dari angka 1 sampai angka 10 yang akan ditambahkan otomatis dengan i++ maka looping akan berurutan. Jika semuanya sudah terpenuhi maka akan di tampilkan kedalam (id=cetak) .

Mudah sekali bukan, oke sekian dulu pada artikel kali ini tentang Cara Menggunakan Fungsi While dengan Javascript kita jumpa lagi di tutorial berikutnya. Semoga bermanfaat dan menjadi tambahan pengetahuan tentang fungsi-fungsi pada Javascript nya.

Terimakasih dan Sampai Jumpa 🙂