Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Penjumlahan dengan value yang di input manual di tag input html
Gimana cara menjumlahkan nilai yang di input manual dari tag html dengan menggunakan Jquery tanpa tombol button.
jadi value diisi dengan nilai, lalu ketika halaman dibuka otomatis langsung terjumlah secara otomatis
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
</head>
<body>
<div>
<label>Angka Pertama</label>
<input type="text" name="angka1" id="angka1" value="2">
</div>
<div>
<label>Angka Kedua</label>
<input type="text" name="angka2" id="angka2" value="2">
</div>
<div>
<label>Hasil</label>
<input type="text" name="hasil" id="hasil" readonly="">
</div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function(){
$("#angka2").keyup(function(){
var angka1 = parseInt($("#angka1").val());
var angka2 = parseInt($("#angka2").val());
var hasil = angka1 + angka2;
$("#hasil").val(hasil);
});
});
</script>
0
2 Jawaban:
pake event input mungkin mas, jadi gini
<pre> hasil.on("input", function(){ $(this).val(hasil) }) </pre>
0
seharusnya kodingnya sudah bisa digunakan mungkin ada masalah di jquery yang digunakan bisa coba ganti versi library saja gan
<pre> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> </pre>
1
