Fungsi pertambahan pada sebuah website adalah untuk menjumlahkan angka ataupun harga. Jika anda membuat sebuah website berbau bisnis online maka Script Pertambahan Otomatis Pada Web sangat perlu sekali ada pada website anda, karena dengan adanya script itu maka pembelipun tidak akan kebingungan untuk membayar harga total pembelian.
Okedeh kita langsung saja cus ke caranya, untuk contohnya disini saya akan melakukan pertambahan antara harga produk dan harga ongkir namun untuk kasus kali ini saya tidak menggunakan database.
Script Pertambahan Otomatis Pada Web
<html>
<head>
<title></title>
</head>
<body>
Harga Produk : <input class="pilih" type="text" name="denda" id="denda" value="20000"
onkeyup="kalkulatorTambah(getElementById('ongkir').value,this.value);" disabled />
<br>
Ongkir :
<select class="pilih" name="ongkir" id="ongkir" onchange="kalkulatorTambah(this.value,getElementById('denda').value);" required>
<option value="0">Pilih</option>
<option value="15000">Reguler = 15.000</option>
<option value="20000">Ekspres = 20.000</option>
</select>
<br>
Total Semua Biaya =
<span id="result" name="total_bayar">
</span>
<script>
function kalkulatorTambah(ongkir,denda){
var hasil = eval(ongkir) + eval(denda);
document.getElementById('result').innerHTML = hasil;
}
</script>
</body>
</html>
Dan ketika program diatas dijalankan maka hasilnya akan seperti ini
Gimana gampangkan scriptnya, kalau ada yang mau ditanyakan silahkan komen dibawah sini ↓
Terimakasih :).