<!DOCTYPE html>
<html>
<head>
<title>JQuery Value</title>
<script src="lib/jquery.min.js"></script>
<script type="text/javascript">
// memastikan dokumen selesai dimuat
$(function(){
$('#hitung').click(function(){
var b1, b2, hasil;
// penggunaan val() utk mengambil nilai
b1 = $('#bil1').val();
b2 = $('#bil2').val();
// parsing nilai dari string ke float
hasil = parseFloat(b1) + parseFloat(b2);
// val() untuk mengeset nilai
$('#hasil').val(hasil);
});
});
</script>
</head>
<body>
<h1>JQuery Value</h1>
Bilangan 1
<input type="text" id="bil1"><br>
Bilangan 2
<input type="text" id="bil2"><br>
Hasil
<input type="text" id="hasil" readonly>
<button id="hitung">Hitung</button><br><br>
</body>
</html>
Comments
0 B
|0 👍
/0 👎
0 B
|👍
/👎