Cara Membuat Looping Bulan Menggunakan Javascript

Sebelum memulai artikel kali ini saya akan coba membahas sedikit mengenai apa itu javascript? JavaScript yakni bahasa pemrograman yang digunakan bagi membangun halaman web interaktif. Javascript berjalan secara client side atau yang lebih tepat javascript berjalan di browser kamu masing-masing dan tak perlu di jalankan di sisi server. Di panduan kali ini saya akan mencoba berbagi Cara Membuat Looping Bulan Menggunakan Javascript kepada anda.





Pada kasus ini saya akan menggunakan diantara tag dari html yaitu tag select dan option, dimana kita akan melooping bulan bagi mempermudah pengguna memilih hari atau menginput hari. Ok, seketika saja saya akan memberikan strategi Cara Membuat Looping Bulan Menggunakan Javascript.



1. Pertama-tama



Buka text editor kamu lalu bikin 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 bagi menampilkan hasil dari perulangan-->

</select>
</body>
</html>


2. Kedua



Bikin lembar kerja baru lagi bagi membangun 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 bikin link-nya di bawah tag option



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


4. Keempat



Buka file html kamu menggunakan browser yang terdapat di computer kamu, karenanya apa bila kita mengklik tag select-nya akan tampil bulan yang telah kita looping tadi.



Sebelum



Bagaimana lumayan mudahkan pada Cara Merancang Looping Bulan Menggunakan Javascript. dengan javascript kita tak hanya dapat melooping suatu faktor melainkan dapat pun memberikan animasi yang bagus bagi tampilan laman kita.



Demikian panduan mengenai Cara Membuat Looping Bulan Menggunakan Javascript. Semoga bermanfaat untuk teman-teman.




Sumber https://kursuswebsite.org

Popular posts from this blog

Perbedaan Antara Keyup dan Keydown Pada jQuery

Membuat Table Warna Berselang dengan PHP