Penjumlahan Sederhana Dengan Javascript HTML

Posted in Javascript Jquery Life at 05 Februari 2019 With 0 Comments

Tutorial kali ini kita akan belajar Cara Membuat penjumlahan Sederhana dengan Javascript+html , banyak yang belum tahu cara menggunakan javascript untuk membuat penjumlahan (fungsi aritmatik), Caranya sangat mudah, yaitu ketika tombol submit di klik (event onclick), lalu function javascript akan mengambil isi dari angka1 dan angka2, dan dijumlahkan, setelah itu hasil penjumlahan akan diberikan pada input name=total.

Disini kita akan membuat function javascript untuk validasi angka yaitu function cek() , dan untuk penjumlahan kita buat fungsi di javascript dengan nama function tambah, serta function kali untuk perkalian , dan function kurang untu pengurangan , tidak lupa function bagi untuk pembagian.

Oh ya... Saya juga sudah pernah Menulis Membuat Penjumlahan otomatis di Textbox , yang mana akan sangat berguna nanti dalam pembuatan aplikasi.


Untuk Script Lengkap Tentang Penjumlahan , Pengurangan , Pembagian dan Perkalian di Javascript, Berikut Contoh program javascript sederhana.  lengkapnya silahkan copy paste langsung code dibawah ini :

<!DOCTYPE HTML>
<head>
<title>Belajar</title>
<script LANGUAGE="JavaScript">
function cek(){
if(form.angka1.value == "" || form.angka2.value == ""){
alert("data kosong"); //jika angka kosong maka pesan akan tampil
exit;
}
}
function tambah() {
cek(); //panggil function cek
a=eval(form.angka1.value); //mengisi variabel a dengan isi dari input name angka1
b=eval(form.angka2.value); //mengisi variabel b dengan isi dari input name angka2
c=a+b //menjumlahkan kedua variabel
form.total.value = c; //memberikan hasil penjumlahan ke input name total
}
function kali() {
cek();
a=eval(form.angka1.value);
b=eval(form.angka2.value);
c=a*b
form.total.value = c;
}
function kurang() {
cek();
a=eval(form.angka1.value);
b=eval(form.angka2.value);
c=a-b
form.total.value = c;
}
function bagi() {
cek();
a=eval(form.angka1.value);
b=eval(form.angka2.value);
c=a/b
form.total.value = c;
}
function reset() {
form.angka1.value="";
form.angka2.value="";
form.total.value = "";
}
</script>
</head>
<body>
<form name="form">
Angka1
<input type=text name="angka1" size=3><br><br>
Angka2
<input name="angka2" type="text" size="3" /><br>
<br>
Hasil <input type="text" value="" name="total" size="9">
<br><br>
<!-- membuat event ketika tombol di klik maka memanggil function javascript -->
<input type=button name=submit onclick="tambah()" value="+">
<input type=button name=submit onclick="kali()" value="X">
<input type=button name=submit onclick="bagi()" value="/">
<input type=button name=submit onclick="kurang()" value="-">
<input type=button name=submit onclick="reset()" value="Reset">
</form>
</body>
</html>

Silahkan copy paste script diatas (CTRL+C) , kemudian simpan dengan nama "index.html" , dan jalankan di browser anda, Semoga artikel Membuat Penjumlahan Sederhana di Javascript ini dapat bermanfaat untuk kita semua.

DEMO

Artikel Rekomendasi

Artikel Terkait

Diskusi

wa