Menampilkan bulan dan tahun sekarang menggunakan Javascript

Berikut adalah contoh kode JavaScript untuk menampilkan bulan dan tahun sekarang:
Dimulai dengan membuat button seperti berikut ini
Javascript :
  
const date = new Date();
const month = date.toLocaleString('default', { month: 'long' });
const year = date.getFullYear();

console.log(`Sekarang bulan ${month} tahun ${year}.`);

Penjelasan kode di atas:
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 :
  
  <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>

Contoh output yang dihasilkan:

Klik tombol untuk menampilkan bulan dan tahun sekarang:

Berikut adalah contoh HTML untuk menampilkan bulan dan tahun sekarang menggunakan JavaScript:
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



Terkait

Posting Komentar

 

Properti Syariah



Pasang Depot Air Minum Isi Ulang


.
Besi Beton + Wiremesh Murah


© 2011 - | Buku PR, TUGAS, dan Catatan Sekolah | www.suwur.com | pagar | omaSae | AirSumber | Bengkel Omasae, | Tenda Suwur |