JavaScript#7
Konversi Perhitungan Detik ke Jam Menit Detik
Dengan koding sbb:
<html>
<head>
<title>ALPRO</title>
<style>
.tengah {
margin-left : 25%;
width: 50%;
border: 5px solid brown;
padding: 30px;
text-align: center;
background: pink;
}
label{
width: 200px;
display: inline-block;
}
</style>
</head>
<body>
<script language="javascript">
function Hitung()
{
//deklarasi variabel
var a;
var b;
var c;
//proses
a =(document.getElementById("jml.Detik").value);
document.getElementById("Jam").value = Math.floor( a / (60*60) );
b =(document.getElementById("Jam").value);
document.getElementById("Menit").value = Math.floor(( a - (b * (60 * 60)))/(40+20));
c =(document.getElementById("Menit").value);
document.getElementById("Detik").value = a - (b * (720 * 5))-(c * (40+20));
//output
document.getElementById("btn").value = hasil;
}
</script>
<div class="tengah">
<h2>Program Konversi Hitung Detik</h2>
<div>
<label>Masukan Angka Detik</label>
<input type="text" id="jml.Detik" placeholder="Masukan Angka"/>
</div>
<div>
<label>Jam</label>
<input type="text" id="Jam" placeholder="Angka perJam"/>
</div>
<div>
<label>Menit</label>
<input type="text" id="Menit" placeholder="Angka perMenit"/>
</div>
<div>
<label>Detik</label>
<input type="text" id="Detik" placeholder="Angka perDetik"/>
</div>
<input type="button" id="btnHitung" value="Hitung" onclick="Hitung()"/>
</div>
</body>
</head>
</html>
Dapat di coba dengan anda memasukkan angka di dalamnya pada tabel berikut
Komentar
Posting Komentar