Mesran

Hanya ingin berbagi kebaikan dan mendapatkan kebaikan yang lain.

Belajar JavaScript Yukkk

Pelajaran pertama ini untuk mengakses isi dari teks input, yang mana terdapat nilai Panjang, Lebar dan saat di isi nilai Lebar, maka nilai luas sudah muncul.😀

Biasanya ini pelajaran awal dari programming kan sewaktu di kelas kelas, nah kali ini akan di uraikan dengan menggunakan HTML dan JavaScript.

Terdapat 3 event yang bisa digunakan di Input Textbox, yaitu :

  1. OnChange : ketika isi dari textbox berubah (menunggu penekanan ENTER)
  2. OnFocus : ketika mouse diklik didalam textbox
  3. OnKeyUp : ketika tombol keyboard yang ditekan dilepaskan.

Ok berikut kode programnya.

<script type="text/javascript">
	function HitungPP(P,L){
		return (P * L)
	}
</script>

<body>
	<form id="form1" name="frmhitung">
 		Menghitung Luas Persegi Panjang<br />
 		Panjang : <input name="panjang" type="text" id="panjang" />
 		<br>
 		Lebar : <input name="lebar" type="text" id="lebar" onkeyup=		"document.frmhitung.luas.value=HitungPP(parseFloat(document.frmhitung.panjang.value),parseFloat(document.frmhitung.lebar.value));"/	>
		 <br><br>
 		Luas : <input name="luas" type="text" id="luas" onfocus="blur();" />
		</p>
	</form>

</body>

Simpan dengan nama LuasPP.html

Kemudian jalankan dengan menggunakan browser mozila atau IE. Hasilnya bagaimana?

Pada event OnKeyup di Lebar, bisa juga diganti dengan OnChange.🙂

penjelasan

<script type="text/javascript">
	function HitungPP(P,L){
		return (P * L)
	}
</script>

merupakan pendefinisian JavaScript yang mana kita mendefinisikan fungsi HitungPP(P,L) dengan P merupakan kiriman nilai Panjang dan L merupakan kiriman nilai Lebar.
Return merupakan pengembalian hasil pemrosesan.

Lebar : <input name="lebar" type="text" id="lebar" onkeyup=		"document.frmhitung.luas.value=HitungPP(parseFloat(document.frmhitung.panjang.value),parseFloat(document.frmhitung.lebar.value));"/	>

Program di atas akan bekerja saat tombol dilepas. document.frmhitung.luas.value bermaksud untuk mengambil nilai luas di form frmhitung di document html.
parseFloat berguna untuk mengkonversikan nilai text ke bilangan float.

Filed under: Javascript,

2 Responses

  1. vizzlearn says:

    artikel keren, cek juga sob aplikasi akunting buatan anak Indonesia di kiper.co.id

  2. saiful fiven says:

    makasih bxk postinganx bro…..

Terima kasih telah memberikan komentar anda.

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Archives Per Tahun

Sponsored

C&C Online Shop

Blog Stats

  • 355,909 sejak 12 Jan 2011

User’s Online


My Music

Enter your email address to follow this blog and receive notifications of new posts by email.

Join 223 other followers

January 2012
M T W T F S S
« Dec   Feb »
 1
2345678
9101112131415
16171819202122
23242526272829
3031  
%d bloggers like this: