«
»

Penjumlahan sederhana dengan Javascript

Oktober 31, 2010 - 9:27 am 1 Comment

Kali ini saya akan memberikan tutorial javascript menjumlahkan dua bilangan dengan menggunakan fungsi. Fungsi?? :) Bagi yang belum tau fungsi disini adalah sekumpulan kode-kode Javascript yang jika dijalankan akan menghasilkan atau mengerjakan suatu tugas tertentu. Fungsi juga dapat disebut sebagai modul atau subprogram dari seluruh script atau program javascript. Pada kenyataannya, script javascript dibentuk oleh sekumpulan fungsi-fungsi yang berbeda.
Sintaks Fungsi:

function namaFungsi(parameter) –> parameter optional:boleh diisi boleh juga tidak
{
ekspresi
ekspresi
…..
}

Kapan neh prakteknya :0, hehehe oke kita lanjutin yuk prakteknya. Bingung juga bacanya heheheh :)
Langsung ke TKP .. :)
Yuk Mari, lho ko jadi bencis gitu – -a hehehe

<html>
<head>
<title>Javacript Penjumlahan dengan Fungsi</title>
</head>
<body>
<script language="JavaScript">
function jumlah()
{
nilai1=document.formJml.nilaisatu.value;
nilai2=document.formJml.nilaidua.value;
hasil=parseInt(nilai1)+parseInt(nilai2);
document.write("Hasil penjumlahan adalah "+ hasil);
}
</script>
<form name="formJml" Onsubmit="jumlah()">
<table>
<tr><td>Masukkan bilangan ke-1:<br></td>
<td><input type="text" name="nilaisatu"><br></td></tr>
<tr><td>Masukkan bilangan ke-2:<br></td>
<td><input type="text" name="nilaidua"><br></td></tr>
<tr><td><input type="Submit" value="Jumlah"></td></tr>
</table>
</form>
</body>
</html>

kalian bisa ketik di text editor apah ajah boleh, yang penting halal hihihi
terus save as misal kita save penjumlahan.html
nah biz gitu kamu jalankan saja di web browser kesayangan.
Hasilnya begini:
Gambar Hasil di Browser

Coba kita isi kan seperti ini:
isikan textbox dengan bilangan angka

Tekan tombol Jumlah, maka hasilnya:

Hasil penjumlahan

Semoga bermanfaat yo..
kunjungi juga http://www.w3schools.com/js/default.asp

Tags: ,   Posted Programing |

One Response to “Penjumlahan sederhana dengan Javascript”

  1. admin Says:
    November 1st, 2010 at 12:37 am

    Wa’alaykumussalam warahmatullah wabarakatuh,,
    Maaf, saya balas lewat comment.. :)
    Hal tersebut terjadi karena Google masih meng-index pada permalink yang lama. Coba tunggu hingga beberapa waktu sampai kira2 Google mengindeks dengan permalink yang baru.

    *defaultnya: /%year%/%monthnum%/%day%/%postname%/ -> yang terbaca di Google jg..
    *oleh karena itu, waktu kita ganti dengan /%postname%/, sementara permalink dari Google masih menggunakan yang lama, maka akan muncul pesan error Not Found.

    Wallahu a’lam.

Leave a Reply