Waktu komputer dengn Javascript 2, Button
Ok then, so we have studied about how to show curent system time in Javascript, read this post http://alexander-zulkarnain.blogspot.com/2013/11/waktu-komputer-dengn-javascript-contoh.html , sekarang kita coba belajar menggunakan tombol, masih sama menggunakan document.GetElementById.
Contohnya seperti di bawah :
.
.
Bedanya disini kita hanya akan menampilkan tanggal hanya jika kita mengeklik tombol tampilkan.
Kuncinya dalah prtintah onclick.
kode Javascriptnya seperti di bawah
//pertama kita bikin sebuah fungsi yang nanti di panggil dengan onclick di button
function anameshow(){
var the_time = new Date();
var the_taun = the_time.getFullYear();
var the_jam = the_time.getHours();
var the_minutes = the_time.getMinutes();
var the_detik = the_time.getSeconds();
var the_date = the_time.getDate();
var the_bulan = the_time.getMonth();
var the_months = new Array("1","2","3","4","5","6","7","8","9","10","11","12");
if(the_detik < 10){
the_detik = "0"+the_detik;
}
if(the_jam < 10){
the_jam = "0"+the_jam;
}
if(the_minutes < 10){
the_minutes = "0"+the_minutes;
}
if(the_date < 10){
the_date = "0"+the_date;
}
var nhasil = the_date+"/"+the_months[the_bulan]+"/"+the_taun+" - "+the_jam+":"+the_minutes+":"+the_detik;
//bedanya disini kita menuliskan getElementby id di dalam file javascriptnya, tidak di htmlnya
var isinya =document.getElementById('waktunya');
isinya.value = nhasil;
}
dan di dalam kode HTMLnya kamu tinggal ketikkan:
<input type="text" id="waktunya" />
<button onclick="anameshow()">What date is today ?</button>
is a kid's play for an expert, but thats fine :)
sudah saya coba dan berhasil, jika ada kesalahan mohon koreksinya :)
Contohnya seperti di bawah :
.
.
Bedanya disini kita hanya akan menampilkan tanggal hanya jika kita mengeklik tombol tampilkan.
Kuncinya dalah prtintah onclick.
kode Javascriptnya seperti di bawah
//pertama kita bikin sebuah fungsi yang nanti di panggil dengan onclick di button
function anameshow(){
var the_time = new Date();
var the_taun = the_time.getFullYear();
var the_jam = the_time.getHours();
var the_minutes = the_time.getMinutes();
var the_detik = the_time.getSeconds();
var the_date = the_time.getDate();
var the_bulan = the_time.getMonth();
var the_months = new Array("1","2","3","4","5","6","7","8","9","10","11","12");
if(the_detik < 10){
the_detik = "0"+the_detik;
}
if(the_jam < 10){
the_jam = "0"+the_jam;
}
if(the_minutes < 10){
the_minutes = "0"+the_minutes;
}
if(the_date < 10){
the_date = "0"+the_date;
}
var nhasil = the_date+"/"+the_months[the_bulan]+"/"+the_taun+" - "+the_jam+":"+the_minutes+":"+the_detik;
//bedanya disini kita menuliskan getElementby id di dalam file javascriptnya, tidak di htmlnya
var isinya =document.getElementById('waktunya');
isinya.value = nhasil;
}
dan di dalam kode HTMLnya kamu tinggal ketikkan:
<input type="text" id="waktunya" />
<button onclick="anameshow()">What date is today ?</button>
is a kid's play for an expert, but thats fine :)
sudah saya coba dan berhasil, jika ada kesalahan mohon koreksinya :)
No comments
Saya sangat berterimakasih apabila sahabat sekalian bersedia untuk tidak meninggalkan spam dan meninggalkan komentar yang berhubungan dengan artikel di atas.