Pada kesempatan ini saya akan menjelaskan tentang tugas saya yang baru saya dapatkan.tugasnya adalah bagaimana cara kita untuk menampilakan nama, nim, nilai1 dan nilai2 dengan menggunakan HTML dan apabila kita menggklik tombol ok maka akan muncul nilai rata-rata, perkalian, penggurangan, pembagian dan penjumlahan. contoh seperti di bawah ini :
Berikut ini adalah script atau biasanya di sebut juga dengan coding dari tampilan diatas,,
<html>
<head>
<title>TUGAS 101214</title>
<script type="text/javascript">
function tugas(){
nilai1 = document.getElementById("n1").value;
nilai2 = document.getElementById("n2").value;
rata = (parseInt(nilai1)+parseInt(nilai2)) / 2;
document.getElementById("rata2").value = parseInt(rata);
kali = nilai1*nilai2;
document.getElementById("kali").value = kali;
kurang = nilai1-nilai2;
document.getElementById("kurang").value = kurang;
bagi = nilai1/nilai2;
document.getElementById("bagi").value = bagi;
jumlah = parseInt(nilai1)+parseInt(nilai2);
document.getElementById("jumlah").value = jumlah;
}
</script>
</head>
<body>
<center>
<h1>TUGAS NILAI</h1>
<br>
Nama : <input type="text" id="nama" name="nama"><br>
NIM : <input type="text" id="nim" name="nim"><br><br>
Nilai 1 : <input type="text" id="n1" name="n1"><br>
Nilai 2 : <input type="text" id="n2" name="n2"><br><br>
<input type="button" id="btnHitung" value="Test" onclick="tugas();"><br><br>
Rata rata : <input type="text" id="rata2" name="rata2"><br>
Perkalian : <input type="text" id="kali" name="kali"><br>
Pengurangan : <input type="text" id="kurang" name="kurang"><br>
Pembagian : <input type="text" id="bagi" name="bagi"><br>
Penjumlahan : <input type="text" id="jumlah" name="jumlah"><br>
</body>
</html>
selamat mencoba semoga berhasil,,,,,,,
0 Response to "Script Untuk Menampilkan Perkalian, Pembagian, Pengurangan dan Penjumlahan (HTML)"
Post a Comment