Cara Membuat Looping Bulan Menggunakan Javascript

Sebelum memulai artikel kali ini saya akan coba membahas sedikit tentang apa itu javascript? JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web interaktif. Javascript berjalan secara client side atau yang lebih tepat javascript berjalan di browser anda masing-masing dan tidak perlu di jalankan di sisi server. Pada tutorial kali ini saya akan mencoba berbagi Cara Membuat Looping Bulan Menggunakan Javascript kepada anda.

Dalam kasus ini saya akan menggunakan salah satu tag dari html yaitu tag select dan option, dimana kita akan melooping bulan untuk memudahkan pengguna memilih hari atau menginput hari. Ok, langsung saja saya akan memberikan langkah-langkah Cara Membuat Looping Bulan Menggunakan Javascript.

1. Pertama

Buka text editor anda lalu buat lembar file baru, dan ketikan kode html di bawah ini.

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<select name="" id="">
	<option>-Bulan-</option><!--tempat untuk menampilkan hasil dari perulangan-->
		
	</select>
</body>
</html>

2. Kedua

Buat lembar kerja baru lagi untuk membuat proses perulangannya lalu keitkan kode javascript di bawah dan save dengan nama bulan.js

var bulan = ["Januari","Pebruari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"];

			for(i=0; i<=11; i++){
				document.write("<option>" + bulan[i] + "</option>");
			}

3. Ketiga

Ketiga kita hubungkan file js dengan file htmlnya, kita buat link-nya di bawah tag option

<option>-Bulan-</option><!--tempat untuk menampilkan hasil dari perulangan--><br />
<script type="text/javascript" src="bulan.js"></script>

4. Keempat

Buka file html anda menggunakan browser yang ada pada computer anda, maka apa bila kita mengklik tag select-nya akan tampil bulan yang telah kita looping tadi.

Bagaimana cukup mudahkan dalam Cara Membuat Looping Bulan Menggunakan Javascript. dengan javascript kita tidak hanya dapat melooping suatu elemen melainkan dapat juga memberikan animasi yang bagus untuk tampilan website kita.

Sekian tutorial tentang Cara Membuat Looping Bulan Menggunakan Javascript. Semoga bermanfaat bagi teman-teman.

Cara Membuat Looping Bulan Menggunakan Javascript

Kategori