<html>
<head>
<title>PRAKTIKUM ALPRO</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script>
//SCRIPT SEMUA PROSES
function hour(semua_detik)
{
//proses konversi jam
var hour;
hour = Math.floor(semua_detik / 3600);
return hour;
}
function minute(semua_detik)
{
//proses konversi menit
var minute;
minute = Math.floor(semua_detik/60) %60;
return minute;
}
function second(semua_detik)
{
//proses konversi detik
var second;
second = semua_detik % 60;
return second;
}
</script>
<script>
//SCRIPT UNTUK EKSEKUSI TRIGGER BUTTON
function total_harga()
{
//variable
var semua_detik
//input
semua_detik = inputan("semua_detik");
//proses
jumlah_jam = hour(semua_detik);
jumlah_menit = minute(semua_detik);
jm_detik = second(semua_detik);
//output
output1(jumlah_jam);
output2(jumlah_menit);
output3(jm_detik);
}
</script>
</head>
<body>
<script>
//SCRIPT INPUT
function inputan(semuakomponen)
{
var data
data = parseInt (document.getElementById(semuakomponen).value);
return data;
}
</script>
<script>
//SCRIPT OUTPUT
function output1(data)
{
document.getElementById("jml_jam").value = data;
}
function output2(data)
{
document.getElementById("jml_menit").value = data;
}
function output3(data)
{
document.getElementById("jml_detik").value = data;
}
</script>
<div>
<table border="1" align="center" width="30%">
<td width="30%">
<pre>
<div>
<label> Input Detik : </label><br>
<input id="semua_detik" type="text"/>
</div>
<div>
<label> Jam : </label><br>
<input id="jml_jam" type="text"/>
</div>
<div>
<label> Menit : </label><br>
<input id="jml_menit" type="text"/>
</div>
<div>
<label> detik : </label><br>
<input id="jml_detik" type="text"/>
</div>
<div>
<input type="button" value="Jumlah" onclick="total_harga()" />
</div>
</td></pre>
</table>
</div><br>
<div>
</div>
</div>
</body>
</html>
Tidak ada komentar:
Posting Komentar