Tutorial Javascript addEventListener Full Bahasa Indonesia

Event Listener

Tutorial addEventListenner javascript Code Bahasa Indonesia - Javascript Sering kali di lupakan dalan script sekarang menjadi booming dan semua aktifitas android tidak lepas dari perintang Js, bahkan aplikasi android yang sekarang populer memnggunakan sistem html5 dan Javascript sebagai fungsi dari sistem tersebut.

sebelumnya telah di terangkan macam - macam sintak dari Js tersebut sekarang kita akan bahas tentang event handler pada javascript untuk menampilkan fungsi dari js kita gunakan fungsi addEventListener dan untuk perintahnya sudah saya terangkan pada tutorial sebelumnya.

Sebelumnya kita pahami dulu maksud dari addEventListenersetelah kita paham kemudian kita mulai merangkai contoh event javascripttersebut dengan fokus pada javascript codetersebut,

Fungsional AddEventListenner 

AddEventListener adalah sebuah fungi untuk menerapkan fungsi dari perintah event yang kemudian menampilkan data di maksud dari perintah tersebut. 

kita mulai dengan set action attribute menentukan atribut mana yang akan kita fungsikan mari kita langsung praktek saja biar pusing & sudah pusing makin pusing gara gara code tersebut. 

kita tentukan contoh kita gunakan Js atribut Event Onclickdan dblclick, kita mulai dengan fungsi addEvenListenner paling sederhana seperti Berikut. 

<button id="data">klik</button>

        

        <script>

        document.getElementById('data').addEventListener('click',function(){ alert('*'); },false);

        </script>

sekarang kita akan menambahkan 2 fungsi dari addEventListener tersebut dari contoh event javascripttersebut seperti ini codenya. 

<input type="text" id="Jsku" value="Event"></input>

        <br>

        silahkan copy dan paste.

        <br>

<script>      document.getElementById('jsku').addEventListener('copy',function(){ alert('fokus on'); },false);

        

        document.getElementById('jsku').addEventListener('paste',function(){ alert('*'); },false);

        </script>

Sekarang kita telah memahami javascript code tentang Evenlistener, contoh di atas merupakan contoh paling sederhana dalam memahamk javascript add event listener untuk lebih bervariasi setelah kita memahami fungsi dasarnya kita akan tambah Variable code dalam Js tersebut seperti ini contohnya. 

<button id="add">tekan</button>

        <script>

        var adddata=document.getElemetById('add');      adddata.addEventListener("click",tambah(),false);

        

        fungction tambah(){

        alert('tampilkan data');

        }

        </script>

mungkin teman-teman bertanya-tanya ko fungsinya selalu menggunakan alert sih tidak pakai fungsi yang lain sebenarnnya bisa saja dengan contoh yang lain, cuman akan terasa sulit untuk menjangkau tentang pemahaman code tersebut tapi saya akan coba rubah sedikit variasi dari fungsi di di atas selain alert seperti apa cotohnya sekalian juga dengan 2 fungsi sekaligus. 

<button id="addku" >tekan</button>

        <script>

        var adddata=document.getElemetById('addku');

        adddata.addEventListener("click",tambah(),false);

        

        fungction tambah(){

        document.getElementById('addku').innerText="tekan tombol";

        }

        </script>

Demikianlah beberapa fungsi js addEventListener yang bisa nanti anda aplikasikan pada program program yang anda buat.

Salam Js .

Share this

Author : admin

Related Posts