Fauzi Online kali ini akan membahas tentang javascript untuk menampilkan waktu seperti tanggal, bulan, tahun, jam , menit, dan detik.
Keterangan kode javascript:
<h1>Judul Javascript</h1> adalah judul yang akan ditampilkan dengan penggunaan heading 1. Anda bisa merubahnya dengan mengganti h1 menjadi h2, h3, atau h4
<p id="ozi">Paragraf Pertama</p>
adalah paragraf/ kalimat yang akan muncul dan akan berubah menjadi waktu apabila kita menekan tombol
<button type="button" onclick="displayDate()">Tampilkan Waktu</button> adalah tombol yang apabila ditekan akan menampilkan waktu seperti tanggal, bulan, tahun, jam , menit, dan detik.
Silahkan dicoba di website anda ...
<html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("ozi").innerHTML=Date();
}
</script>
</head>
<body>
<h1>Judul Javascript</h1>
<p id="ozi">Paragraf Pertama</p>
<button type="button" onclick="displayDate()">Tampilkan Waktu</button>
</body>
</html>
<head>
<script type="text/javascript">
function displayDate()
{
document.getElementById("ozi").innerHTML=Date();
}
</script>
</head>
<body>
<h1>Judul Javascript</h1>
<p id="ozi">Paragraf Pertama</p>
<button type="button" onclick="displayDate()">Tampilkan Waktu</button>
</body>
</html>
Keterangan kode javascript:
<h1>Judul Javascript</h1> adalah judul yang akan ditampilkan dengan penggunaan heading 1. Anda bisa merubahnya dengan mengganti h1 menjadi h2, h3, atau h4
<p id="ozi">Paragraf Pertama</p>
adalah paragraf/ kalimat yang akan muncul dan akan berubah menjadi waktu apabila kita menekan tombol
<button type="button" onclick="displayDate()">Tampilkan Waktu</button> adalah tombol yang apabila ditekan akan menampilkan waktu seperti tanggal, bulan, tahun, jam , menit, dan detik.
Silahkan dicoba di website anda ...