<html>
<head>
<title>Javascript</title>
<script type="text/Javascript">
function jumlah(){
bil1 = document.contoh.field1.value;
bil2 = document.contoh.field2.value;
var jumlah1 =(1/2)*(parseInt(bil1)*parseInt(bil2));
var jumlah2 =(1/3)*(parseInt(bil1)*parseInt(bil2));
document.contoh.hasil1.value=(jumlah1);
document.contoh.hasil2.value=(jumlah2);
}
function ubahwarna(){
document.body.bgColor='#9400D3';
}
function ubahwarnaputih(){
document.body.bgColor='#ffffff';
}
</script>
</head>
<body>
<form name="contoh">
<br>
Alas : <input type="text" name="field1">
<br>
Tinggi : <input type="text" name="field2">
<br>
Luas Segitiga : <input type="text" name="hasil1">
<br>
Luas Limas : <input type="text" name="hasil2">
<br>
<input type="button" value="jumlah" onclick="jumlah()">
<button onmouseover="ubahwarna()" onmouseout="ubahwarnaputih()">Ubah Warna</button>
</form>
</body>
</html>
hasilnya seperti ini
Semoga bermanfaat (^_^)
Tidak ada komentar:
Posting Komentar