Pages

Rabu, 21 Desember 2011

Penjumlahan sederhana dengan Javascript

Kali ini mimin(admin) memberikan sedikit tutorial javascript , lumayan bagi anda yg belajar jd programmer web, mungkin ini dasar, tapi cobalah....

dibawah ini adalah script :



<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>


anda 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:






Coba kita isikan form menjadi seperti ini:






Tekan tombol Jumlah, maka hasilnya:






gimana? lumayan kan? semoga bermanfaat, n mimin bakal kasih tutorial javascript yg lebih keren lagi,

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...