Latihan: Menampilkan Array Hari dan Jam (HTML, PHP, JAVASCRIPT) - Pemrograman Web
Sebelum melaksanakan eksekusi codenya terlebih kalian harus belajar HTML dasar dan PHP berhubung saya belum pernah mengposting dasar html dan dasar php maka saya akan membuatnya. teruntuk itu kali ini saya akan menjelaskan apa saja source code yang javascript dibawah ini :
Pelajari Penggunaan Built-in Function javascript berikut:
getDay() : adalah suatu fungsi untuk memperoleh nilai hari dengan nilai 0 s.d. 6 untuk hari minggu s.d. sabtu. Makanya kita perlu mengatur bahwa nilai 0= Minggu, 1= Senin dst, dalam hal ini saya menggunakan Array().
getDate() : adalah suatu fungsi untuk memperoleh nilai dari tanggal.
getMonth() : adalah suatu fungsi untuk memperoleh bulan hari dengan nilai 0 s.d. 11 untuk bulan januari s.d. desember sama seperti “getDay()“. namun jika anda ingin memperoleh dan atau menampilkan bulan dalam format angka maka anda harus melakukan nilai ditambah satu seperti “getMonth()+1” (tanpa tanda petik).
getFullYear() : adalah suatu fungsi untuk memperoleh nilai dari tahun.
getHours() : adalah suatu fungsi untuk memperoleh nilai dari jam.
getMinutes() : adalah suatu fungsi untuk memperoleh nilai dari menit.
getSeconds() : adalah suatu fungsi untuk memperoleh nilai dari detik.
Terapkan fungsi-fungsi tersebut
kedalam bahasa pemrograman javascript dengan memanfaatkan teknik pembacaan
array untuk mengubah kode hari menjadi nama hari (dalam Indonesia), kode bulan
menjadi nama bulan (dalam Indonesia). Hasil akhir berupa kode program yang
telah di uji dan jelaskan dalam dokumen .pdf step kode dan tampilan akhirnya.
Berikut ini adalah source code :
Dan ini adalah hasil eksekusi :
Kesimpulan Sourcode diatas :
Kerangka HTML yang biasa digunakan :
<html>
<head></head>
<body></body>
<html>
Tetapi setelah adanya HTML5 tanpa adanya kerangka html diatas masih bisa menampilkan proses yang dituliskan.
Untuk kali ini saya menggunkan form tabel dimana lebih mudah penggunaanya tetapi berat loading saat ingin menampilkannya.
<table> pembuka tabel html
<tr> pembuka tag header
<td> pembuka tag data
</td> penutup tag data
</tr> penutup tag header
</table> penutup tebal html
Untuk pewarnaan Hasil jam dan tanggal menggunakan style=”color:green;” yang mewarnaai font menjadi hijau.
Var_arr (variable array) berisikan list pada variable ; pada gambar diatas yang berisikan nama hari,nama tanggal dan penunjukan waktu terkini. Variabel variabel pada gambar berfungsi untuk mengambil waktu terbaru/sekarang. “getElementById” untuk mengambil elemen pada id di HTML.
Disitu juga dijelaskan saya menggunaan pengulanggan for ada 2 bari;
1. Baris pertama For saya gunakan untuk mengubah var day hasilnya berupa angka dan diconvert di hari senin-minggu.
2.
Baris kedua For saya gunakan untuk mengubah var
bulan hasilnya berupa angka dan diconvert di bulan januari-desember.
Posting Komentar