Berkenalan dengan Action di html dan javascript

Apa itu javascript ?? javascript merupakan bahasa client dari sebuah website yang ada, biasanya javascript sendiri selalu menangani suatu aksi dari user / user handle action dan bahasa yang juga berada pada sisi mobile dan interaktif.

 

Require tools (aplikasi yang di butuhkan):

  1.   xampp
  2.  Adobe Dreamweaver
  3.  browser Mozilla , Chrome dan lain lain.

 

Langkah Pengerjaan.

  1. Siapkan kopi + rokok
  2. Dasar logika pemrograman OOP.
  3. Memahami konsep javascript dasar.
  4. Melakukan tester / uji coba.
  5. Terserah anda.

 

Mengapa Javascript ?

  • Karena tingkat kompatibilitas yang tinggi terhadap browser , sehingga memungkinkan seorang administrator untuk melakukan pencegahan error (error handling). Dan saat ini javascript sendiri lebih populer penggunaannya di bandingkan bahasa server ( asp,php,jsp).

 

 

 

Secara umum Penulisan javascript, di awali dengan tags <script> dan tentu saja di tutup oleh </script> seperti pada contoh source code di bawah ini.

<script type="text/javascript">
......
.......
</script>

 

Masih ingat cara penggunaan function dan class pada pemrograman ?? tentu masih ingat dengan pengaksesan ini. Pada c ++ function dapat di deklarasikan dengan semua bentuk string dan diapit oleh tanda () sehingga  dapat dilihat sebagai berikut.

void tanggal()
{
..........
}

Int main()
{
..........
tanggal();
...........
}

 

Pada kasus ini , di javascript type penulisan nya sama dengan gaya penulisan dari php. Hehehehe….

Style pada php akan sangat mirip dengan style yang di gunakan oleh style penulisan javascript , di sini akan saya uji coba mengenai gaya penulisan kemiripan tersebut.

<?php
Function latihan()
{
}
Function all()
{
}
?>

 

Sedang dalam javascript juga menjadi hal yang sama pula.tetapi tidak menggunakan tags pembuka php <?php dan penutup pada php ?> , di ganti dengan tags <script> an di akhiri dengan </script> menjadi seperti ini.

<script type="text/javascript">
Function latihan()
{
}
Function all()
{
} 
</script>

 

Mengenal Action pada javascript.

Akhirnya dapat klimaks sehingga dapat mengenal suatu action dari javascript.

  1. Onclick

Aksi dimana user / pengguna melakukan proses click.

 

2. Onselect

Aksi di mana user / pengguna melakukan kegiatan pemilihan.

 

3. Onblur

Aksi dimana user usai melakukan kegiatan pada tags yang tela di isi oleh attribut onblur.

 

  1. Onmouseup

Aksi dimana user / pengguna melakukan kegiatan geser mouse ke atas pada cursor.

 

  1. Onmousedown

àaksi dimana user / pengguna melakukan kegiatan geser mouse ke bawah pada cursor.

  1. Onselect

àaksi dimana user / pengguna melakukan kegiatan pemilihan dengan beberapa opsi.

 

  1. Onfocus

àaksi dimana user / pengguna melakukan kegiatan pemilihan select.

 

  1. Onkeyup

Aksi dimana user / pengguna melakukan kegiatan penekanan pada keyboard.

 

  1. Onkeydown

Aksi dimana user melepaskan / tidak melakukan kegiatan menekan keyboard.

 

10. Onsubmit

Aksi dimana user melakukan kegiatan push button yang bertype submit pada form.

 

11. Ondblclick

Aksi dimana user melakukan kegiatan double click.

 

 

Percobaan Memasukan javascript pada html.

pada langka kali ini ,pembaca di harapkan untuk mengerti sekilas tentang html dari html ini nanti yang aka kita gunakan untuk sebuah action yang di lakukan oleh user.

 

Berikut tester menggunakan onsubmit ,onkeyup dan onclick, test tinggal copas broooooo…..

<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>mengenal onsubmit</title>
<script type="text/javascript">
function on_click()
{
	alert("test onclick berhasil");
}

function on_key_up()
{
	alert("test onkeyup berhasil");
}

function on_submit()
{
	alert("test onsubmit berhasil");
}
</script>
</head>

<body>
<form onsubmit="on_submit()">
	<input type="text" name="nama_user"  onclick="on_click()" onKeyUp="on_key_up()" />
    <input type="submit" />
</form>
</body>
</html>

 

atau download di sini

 

Demikian Tutorial yang sederhana ini saya buat dengan keadaan yang serba cepat dan mudah , semoga bermanfaat bagi dunia delopment dan programer website yang telah di tekuni / pelajari – cryme gembel @sinarsoft1.

Leave a Reply

Your email address will not be published. Required fields are marked *