Cara membuat perkalian di html

Coba saja kamu ganti operator diatas, pasti akan berubah perhitungannya. jika kamu belum memahaminya kamu bisa ajukan pertanyaan di kolom komentar dibawah ini. Berikut ini hasil akhir dari source code yang di buat.

Hallo teman teman balik lagi dengan saya Ismet Maulana kali ini saya ingin berbagi pengetahuan tentang Bagaimana Cara Membuat Penjumlahan Menggunakan Javascript, perlu teman teman ketahui penjumlahan pada javascript sangatlah berbeda dengan penjumlahan menggunakan PHP, dijavascript tanda + atau tambah itu di anggap sebagai pemisah string,

atau yang bisa teman teman menggunakan php ialah tanda titik(.) sebagai tanda pemisah string, maka dari itu ketika kita menggunakan tanda tambah(+) pada penjumlahan javascript maka akan di anggap penggabungan antar string, misalkan seperti ini : var a = 10; dan var b = 10; jika var total = a+b maka hasilnya akan 1010 bukan 20,Â melainkan menggabungkan string maka 10 di anggap sebagai string, perlu ada penambahan atau mengubah semua string menjadi Integer, contohnya seperti script berikut:

Nilai Pertama <br/>

Nilai Ke Dua <br/>

function jumlah(){

var satu = document.getElementById('nilai1').value;

var dua = document.getElementById('nilai2').value;

var total = parseInt(satu) + parseInt(dua);

document.getElementById('isi').innerHTML = " Hasilnya adalah " + total;

}

</script>

Fungsi dari parseInt ialah mengubah nilai string menjadi sebuah integer, maka dengan itu kita sudah bisa menjumlahkan tidak lagi menggabungkan nilai, begitu lah sedikit tentang Cara Membuat Penjumlahan Menggunakan Javascript, cukup mudah bukan ? cukup sekian tutorial tentang Bagaimana Cara Membuat Penjumlahan Menggunakan Javascript, sampai bertemu diartikel selanjutnya dan sampai jumpa.

Berikut adalah cara untuk melakukan jumlah data dengan menggunakan javascript dan menampilkan nya di browser. Trik ini tentu dapat digunakan dengan penggabungan terhadap HTML atau pun php.

Berikut adalah source code untuk melakukan penjumlahan dengan javascript :

<!doctype html>
<html>
<head>
<script>
function add(){
var a,b,c; //membuat variabel
a=Number(document.getElementById("first").value); //menangkap input angka pertama
b=Number(document.getElementById("second").value); //menangkap input angka kedua
c = a + b; //melakukan penjumlahan
document.getElementById("answer").value= c;
}
</script>
</head>
<body>
Masukkan Angka Pertama : <input id="first">
Masukkan Angka Kedua : <input id="second">
<button onclick="add()">Tambah</button>
<input id="answer">
</body>
</html>

Penjelasan source code :
Dalam hal ini function bernama add digunakan untuk melakukan kegiatan penjumlahan yang mana fungsi tersebut di panggil ketika button di klik. Pada bagiab button kita dapat melihat kode

onclick=”add()”

Elemen onclick dapat memanggil fungsi add() yang telah di jabarkan sebelumnya.

Simpan kode tersebut ke dalam file berekstensi .html atau .php

Denikian artikel mengenai penjumlahan data dengan menggunakan javascript. Semoga bermanfaat.