Widget HTML #1

Beranda / Tutorial

Membuat Jam Analog dan Digital Menggunakan Javascript

by Widianto
Gbr Jam Analog Dan Jam Digital

carapintar.web.id - Pada kali ini saya akan membagikan tutorial membuat jam digital dan jam analog sederhana menggunakan javascript. Dimana sobat bisa terapkan codingnya ke projek yang sedang dibuat atau menabahkan ke website sebagai wiget jam. Untuk langkah pertama cara membuat nya sobat bisa siapkan folder dengan nama JamAnalog_Digital kemudian didalamnya subat buat file dengan nama index.php. Kemudian ketik coding berikut ini dibagian bawah <head> atau sebelum </head>.


Kemudian ketik coding berikut untuk membuat tampilan jam Analog dan digital atau css nya dibagian bawah <body>.


Setelah itu ketik coding lagi di bagian bawah css tadi seperti berikut.


Langkah selanjutnya buat Javascript nya ketik coding berikut dibagian paling bawah sebelum </body>. Coding Javascript ini untuk menjalankan jam Analog nya.


Masih membuat Javascript kali ini buat jam digitalnya ketik coding berikut dibawah Javascript Jam Analog tadi sebelum </body>.


Dan selesai coba sobat jalankan di web browser kira-kira seperti gambar berikut hasilnya.



Widianto
Widianto Mengawali karier sebagai penulis di web pribadi seputar tema Teknologi dan Aplikasi baik web dan desktop. Sejak 2019 menjadi penulis sekali gus Programmer. Saat ini sedang bekerja di sekolah swasta.