Seperti yang anda tahu 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 Hari Menggunakan Javascript kepada anda.
Dalam kasus ini saya akan menggunakan salah satu tag dari html yaitu tag select dan option, dimana kita akan melooping hari untuk memudahkan pengguna memilih hari atau menginput hari. Ok, langsung saja saya akan memberikan langkah-langkah Cara Membuat Looping Hari 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>- Hari -</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 hari.js
var hari = ["Senin","Selasa","Rabu","Kamis","Jumat","Sabtu","Minggu"];
for(i=0; i<=6; i++){
document.write("<option>" + hari[i] + "</option>");
}
3. Ketiga
Hubungkan file hari.js dengan file htmlnya, ketikan kode di bawah tag option berikut:
<option>- Hari -</option><!--tempat untuk menampilkan hasil dari perulangan--><br /><br /> <script type="text/javascript" src="hari.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 hari yang telah kita looping tadi.
Bagaimana cukup mudahkan dalam Cara Membuat Looping Hari 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 Hari Menggunakan Javascript. Semoga bermanfaat bagi teman-teman.
The post Cara Membuat Looping Hari Menggunakan Javascript appeared first on Kursus Website Terbaik.