Dimulai dengan membuat button seperti berikut ini
Javascript :
Penjelasan kode di atas:
const date = new Date();
const month = date.toLocaleString('default', { month: 'long' });
const year = date.getFullYear();
console.log(`Sekarang bulan ${month} tahun ${year}.`);
Pertama, kita membuat objek Date yang merepresentasikan waktu saat ini.
Kemudian, kita menggunakan metode toLocaleString() pada objek Date tersebut untuk mendapatkan nama bulan dalam bahasa default pengguna.
Selanjutnya, kita menggunakan metode getFullYear() pada objek Date untuk mendapatkan tahun saat ini.
Terakhir, kita menggunakan console.log() untuk menampilkan teks yang berisi nama bulan dan tahun sekarang.
Sebagai aplikasinya, bisa menggunakan code yang dilengkapi HTML, sebagai berikut:
Javascript :
Contoh output yang dihasilkan:
<h2>Contoh Kode JavaScript</h2>
<p>Klik tombol untuk menampilkan bulan dan tahun sekarang:</p>
<button onclick="displayDate()">Tampilkan Tanggal</button>
<p id="tanggal"></p>
<script>
function displayDate() {
const date = new Date();
const month = date.toLocaleString('default', { month: 'long' });
const year = date.getFullYear();
const output = `Sekarang bulan ${month} tahun ${year}.`;
document.getElementById("tanggal").innerHTML = output;
}
</script>
Klik tombol untuk menampilkan bulan dan tahun sekarang:
HTML + Javascript :
<h2>Menampilkan Bulan dan Tahun Sekarang</h2>
<h3>Bulan dan Tahun Sekarang:</h3>
<p id="bulan-tahun"></p>
<script>
const bulanTahun = new Date().toLocaleDateString("id-ID", { month: "long", year: "numeric" });
document.getElementById("bulan-tahun").textContent = bulanTahun;
</script>
Pada contoh di atas, kita menggunakan objek Date pada JavaScript untuk mendapatkan waktu saat ini. Kemudian, kita menggunakan metode toLocaleDateString untuk memformat tanggal dan waktu tersebut menjadi string dengan bahasa dan format waktu yang diinginkan, dalam hal ini bahasa Indonesia dan format yang memuat nama bulan dan tahun dalam format angka. Setelah itu, kita menampilkan hasilnya pada elemen paragraf dengan id "bulan-tahun" menggunakan properti textContent.
Berikut ini, hasilnya :
Kemudian, versi lebih singkat lagi, saya mencoba membuat code berikut ini:
HTML + Javascript :
<span id="bulan-tahun"></span>
<script>
document.getElementById("bulan-tahun").textContent = new Date().toLocaleDateString("id-ID", { month: "long", year: "numeric" });
</script>
Berikut ini, hasilnya:
blnTHN
Posting Komentar