contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

Penjumlahan Sederhana Dengan Javascript HTML

Posted in Javascript Jquery Life at 24 Oktober 2017 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.

▼ Download Source Code Dibawah Ini ▼


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.

Artikel Rekomendasi



Artikel Terkait

Diskusi