Berikut adalah contoh penggunaan objek Date di JavaScript dan penerapannya dengan HTML
<!DOCTYPE html>
<html>
<head>
<title>Contoh Penggunaan Objek Date</title>
</head>
<body>
<h1>Tanggal dan Waktu Sekarang</h1>
<p id="date"></p>
<script>
// Membuat objek Date baru
var currentDate = new Date();
// Mendapatkan tanggal, bulan, dan tahun
var date = currentDate.getDate();
var month = currentDate.getMonth() + 1; // Menggunakan +1 karena bulan dimulai dari 0
var year = currentDate.getFullYear();
// Mendapatkan jam, menit, dan detik
var hours = currentDate.getHours();
var minutes = currentDate.getMinutes();
var seconds = currentDate.getSeconds();
// Menampilkan tanggal dan waktu pada elemen dengan id "date"
document.getElementById("date").innerHTML = "Tanggal: " + date + "/" + month + "/" + year + "<br>" +
"Waktu: " + hours + ":" + minutes + ":" + seconds;
</script>
</body>
</html>Dalam contoh di atas, kita menggunakan objek Date di JavaScript untuk mendapatkan tanggal dan waktu saat ini. Kemudian, kita mengambil komponen-komponen seperti tanggal, bulan, tahun, jam, menit, dan detik dari objek Date tersebut.
Output:
See the Pen Penggunaan Objek Date di JavaScript by De Orchids (@De-Orchids) on CodePen.
Selanjutnya, kita menggunakan JavaScript untuk memanipulasi elemen HTML dengan menggunakan metode getElementById untuk mendapatkan elemen dengan id “date” dan mengubah kontennya dengan menggunakan properti innerHTML.
Hasilnya, pada halaman HTML akan ditampilkan tanggal dan waktu saat ini.
Anda dapat mencoba menjalankan kode di atas pada browser untuk melihat hasilnya
Leave a Reply