Widget HTML #1

Coding javascript penjumlahan sederahana

Hai guys kali ini saya akan membagikan cara membuat penjumlahan angka di bahasa pemprograman javascript. berdasarkan pengalaman pribadi saya program sederhana penjumlahan ini sangat membantu saat interview nanti sebagai web development. sebelumnya apakah kalian tau apa itu javascript? jika belum silahkan baca terlebih dahulu disini.

Untuk kamu yang sudah tau apa itu javascript silahkan ikuti tutorial dibawah ini :

1. kamu buka xampp dan aktifkan apache. Jika belum punya silahkan download dan instal terlebih dahulu.  Baca : (Cara instal xampp di windows 10 terbaru).

coding sederhana javascript penjumlahan
2. Ketikan coding dibawah ini di notepad++.  Sengaja saya matikan copy paste di artikel ini biar kamu engga males ngetik. 
<form name=form>
<script>
function kali()
{
var a=document.form.a.value;
var b=document.form.b.value;
var c=a*b;
document.form.c.value=c;

}
function kurang()
{
var a=document.form.a.value;
var b=document.form.b.value;
var c=a-b;
document.form.c.value=c;

}
function bagi()
{
var a=document.form.a.value;
var b=document.form.b.value;
var c=a/b;
document.form.c.value=c;

}
function tambah()
{
var a=parseFloat(document.form.a.value);
var b=parseFloat(document.form.b.value);
var c=a+b;
document.form.c.value=c;

}

</script>

<html>
<center>
PROGEAM CALCULATOR
<hr>
<table>
<tr><td>A<td><input name=a size=2>
<tr><td>B<td><input name=b size=2>
<tr><td colspan=2><hr>
<tr><td>C<td><input name=c size=2>
</table>
<hr>
<input type=button value=" * " onclick="kali()">
<input type=button value=" - " onclick="kurang()">
<input type=button value=" / " onclick="bagi()">
<input type=button value=" + " onclick="tambah()">
<input type=reset value" Clear ">

Keterangan :

  • Function adalah proses penjumlahan.
  • onclick untuk memanggil function.
  • Untuk penjumlahan kenapa a dan b nya ada parseFloat ? dikarenakan jika tanpa itu hasilnya akan salah. seperti contoh kita memasukan angka 1 di kolom A dan angka 2 dikolom B maka program akan menampilkan 12. maka dibutuhkan parseFloat untuk mengubah a dan b menjadi bilangan desimal.


3. Lalu save di C:\xampp\htdocs dengan nama latihan_java.html atau bebas asalkan formatnya .html

coding sederhana javascript penjumlahan


4. lalu buka browser seperti google chrome lalu ketika localhost/latihan_java.html atau nama file kamu tadi. Hasil koding diatas akan seperti gambar dibawah ini. Silahkan coba.

coding sederhana javascript penjumlahan
Oke sampai disini untuk tutorial bagaimana cara membuat penjumlahan menggunakan javascript. Untuk kamu yang masih error atau ada yang ingin ditanyakan silahan komentar dibawah ya. saya akan sempatkan balas secepat mungkin. 
See you next time. Bye!.
Dzikri Muhammad Sopyana
Dzikri Muhammad Sopyana Silih Asih, Silih Asuh, Silih Asah. Hatur nuhun.

1 komentar untuk "Coding javascript penjumlahan sederahana"

Comment Author Avatar
Wah keren ni om,,,kalau misalnya untuk cek harga PDAM, atau Listrik bisa buat aplikasinya,,,

Silahkan komentar dengan bijak jika ada yang ingin ditanyakan.