Perhitungan Otomatis

saya membuat perhitungan otomatis tanpa submit dengan javascript sudah bisa jalan, tapi masalahnya form harus diisi semua gimana caranya agar ketika mengisi tidak harus mengisi semua form.

 <?php
require_once 'var.php';
 ?>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
      <script type="text/javascript">

       var h_b1 = "<?php echo $h_b1 ?>"
       var h_b2 = "<?php echo $h_b2 ?>"
       var h_b3 = "<?php echo $h_b3 ?>"

      function hitung()
      {
        var b1 = document.getElementById('b1').value;
        var b2 = document.getElementById('b2').value;
        var b3 = document.getElementById('b3').value;

        var result = (parseInt(b1) * h_b1) + (parseInt(b2) * h_b2) + (parseInt(b3) * h_b3);
        if (!isNaN(result)) {
           document.getElementById('total').value = result;
        }
      }

      </script>
    </head>
    <body>
      <form class="" name="form_hitung" action="index.html" method="post">
        <label for="">B1 :</label><br>
        <input type="text" name="b1" id="b1" onKeyup="hitung();"  value=""><br>
        <label for="">B2 :</label><br>
        <input type="text" name="b2" id="b2" onKeyup="hitung();"  value=""><br>
        <label for="">B3 :</label><br>
        <input type="text" name="b3" id="b3" onKeyup="hitung();"  value=""><br>
        <label for="">TOTAL :</label><br>
        <input type="text" name="total" id="total" value=""><br><br>
        <input type="submit" name="pesan"   value="ORDER"><br>
      </form>
</html>

javascript

@satriodwi

43 Kontribusi 1 Poin

Diperbarui 8 tahun yang lalu

8 Jawaban:

di ganti pake keyhup aja kak

@ghazamalghifari

123 Kontribusi 18 Poin

Dipost 8 tahun yang lalu

itu ketika kita form nya di isi maka dia akan otomatis ngitung ya kak

@ghazamalghifari

123 Kontribusi 18 Poin

Dipost 8 tahun yang lalu

iya tapi harus diisi semua

@satriodwi

43 Kontribusi 1 Poin

Dipost 8 tahun yang lalu

keyup deng kak maaf salah kak, https://www.w3schools.com/jquery/event_keyup.asp coba biar lebih paham belajaj di situ kak

@ghazamalghifari

123 Kontribusi 18 Poin

Dipost 8 tahun yang lalu

tapi kalau dia pake keyup ketika kita ngisi di setip inputan maka otomatis ngitung kalau pake keyup kak

@ghazamalghifari

123 Kontribusi 18 Poin

Dipost 8 tahun yang lalu

ok saya coba

@satriodwi

43 Kontribusi 1 Poin

Dipost 8 tahun yang lalu

ya kak

@ghazamalghifari

123 Kontribusi 18 Poin

Dipost 8 tahun yang lalu

Jawaban Terpilih

coba, siapatau sesuai ama yg dimaksud..


function hitung()
      {
        var b1 = (document.getElementById('b1').value == '' ? 0:document.getElementById('b1').value);
        var b2 = (document.getElementById('b2').value == '' ? 0:document.getElementById('b2').value);
        var b3 = (document.getElementById('b3').value == '' ? 0:document.getElementById('b3').value);

        var result = (parseInt(b1) * h_b1) + (parseInt(b2) * h_b2) + (parseInt(b3) * h_b3);
        if (!isNaN(result)) {
           document.getElementById('total').value = result;
        }
      }

@gunalirezqimauludi

350 Kontribusi 243 Poin

Dipost 8 tahun yang lalu

Kelas Premium! Belajar Javascript untuk website

Perhitungan Otomatis

Kelas Premium!
Belajar Javascript untuk website