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).
Keterangan :
3. Lalu save di C:\xampp\htdocs dengan nama latihan_java.html atau bebas asalkan formatnya .html
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.
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).
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 ">
<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
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.
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!.
1 komentar untuk "Coding javascript penjumlahan sederahana"
Silahkan komentar dengan bijak jika ada yang ingin ditanyakan.