Javascript client side

Baca Juga

Javascript adalah bahasa pemrograman yang lawas sudah ada sejak puluhan tahun yang lalu. Javascript biasa dipakai browser untuk navigasi dokumen web yang disebut bahasa pemrograman client side, walaupun javascript juga bisa bekerja di server side yang dipakai platform node js sebagai server.

Untuk memulai pemrograman javascript sisi client kita hanya perlu teks editor seperti notepad atau kalau mau power full menggunakan text editor visual studio code. satu lagi kita butuh browser seperti mozila atau chrome sebagai javascript engine.


Kita akan mencoba event klik di web yang akan menampilkan pesan hello world.

• Copy script js dibawah ini

<script type="text/javascript">   function onclick_callback () {      alert ("Hello,World!");   } </script>   <span onclick="onclick_callback();">Click Here</span>

• Buka notepad, paste script js di notepad

•  Simpan nama file sebagai klik.html save as sebagai all files. lalu klik save.

 

• Buka file klik yang telah kita buat barusan, lalu klik text "click here". tampil popup dengan isi "hello world!". jika berhasil kita baru saja membuat program javascript.

 

berikut ini adalah event tombol keyboard, kita bisa menekan apa saja tombol di keyboar yang akan direspon oleh javascript.

• Copy paste script dibawah ini  di notepad seperti contoh sebelumnya.

<script type="text/javascript">

  function onkeypress_callback(evt) {

      var eType = evt.type; // Will return "keypress" as the event type

      var eCode = 'keyCode is ' + evt.keyCode;

      var eChar = 'charCode is ' + evt.charCode;

      alert ("Captured Event (type=" + eType + ", key Unicode value=" + 

eCode + ", ASCII value=" + eChar + ")");

   }

</script>

<input onkeypress="onkeypress_callback(event);"></input>

• Simpan nama file sebagai keyboard.html, save as sebagai all files. lalu klik save.
• Kemudian buka file keyboard yang telah dibuat, tekan tombol huruf apa saja, saya menekan huruf "a" tampil popup dengan isi charcode 97 sebagai huruf "a" yang ditekan

Demikian artikel javascript di sisi client semoga bermanfaat... salam .. :)


ref : https://developer.mozilla.org