Penjumlahan Sederhana Dengan Javascript HTML

Publish Date : 05-02-2019 , dibaca 49675 kali, Hari ini dibaca : 3 kali ,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

Membuat Alert Box PHP HTML Javascript
Previous Post

Cara Validasi Ekstensi File dengan Javascript
Next Post