Cara Membuat Looping Hari Menggunakan Javascript
Seperti yang kamu tahu JavaScript ialah 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 Hari Menggunakan Javascript kepada anda.
Pada kasus ini saya akan menggunakan diantara tag dari html yaitu tag select dan option, dimana kita akan melooping hari bagi mempermudah pengguna memilih hari atau menginput hari. Ok, seketika saja saya akan memberikan strategi Cara Membangun Looping Hari 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>- Hari -</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 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 bagi menampilkan hasil dari perulangan--><br /><br />
<script type=text/javascript src=hari.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 hari yang telah kita looping tadi.
Bagaimana lumayan mudahkan pada Cara Membuat Looping Hari Menggunakan Javascript. Dengan javascript kita tak hanya dapat melooping suatu unsur melainkan dapat pun memberikan animasi yang bagus bagi tampilan situs kita.
Demikian panduan mengenai Cara Membuat Looping Hari Menggunakan Javascript. Semoga bermanfaat untuk teman-teman.
Sumber https://kursuswebsite.org