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>

avatar afifsyaifullah
@afifsyaifullah

5 Kontribusi 0 Poin

Diperbarui 4 tahun yang lalu

2 Jawaban:

pake event input mungkin mas, jadi gini

<pre> hasil.on("input", function(){ $(this).val(hasil) }) </pre>

avatar rizalspid
@rizalspid

21 Kontribusi 6 Poin

Dipost 4 tahun yang lalu

seharusnya kodingnya sudah bisa digunakan mungkin ada masalah di jquery yang digunakan bisa coba ganti versi library saja gan

<pre> &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"&gt;&lt;/script&gt; </pre>

avatar Terra
@Terra

81 Kontribusi 39 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban