Apa yang di maksud dengan event, event itu biasanya dimana ketika kita klik pada suatu konten akan menampilkan efek yang kita sudah atur, atau jangan kan di klik kadang mouse sudah ada di atasnya saja sudah menampilkan efek, dan itu lah yang di namakan event, jadi pada artikel kali ini kita akan belajar sekilas tentang event yang ada pada JavaScript, maka dari itu jangan kemana-mana ya teman-teman simak terus ya.
Oke untuk belajar sekilas tentang event yang ada pada JavaScript, lebih mudahnya kita langsung melihat contoh penggunaanya langsung ya teman-teman, perhatikan kode berikut:
<!DOCTYPE html>
<html>
<head>
<title>Kursus Kilat JavaScript</title>
<span class="fontstyle0"><</span><span class="fontstyle1">script </span><span class="fontstyle0">type</span><span class="fontstyle0">=</span><span class="fontstyle0">"text/javascript"</span><span class="fontstyle0">><br></span><span class="fontstyle1"> function </span><span class="fontstyle0">tambah_semangat()<br> {<br></span><span class="fontstyle1"> var </span><span class="fontstyle0">a</span><span class="fontstyle0">=</span><span class="fontstyle0">document</span><span class="fontstyle0">.getElementById(</span><span class="fontstyle0">"div_semangat"</span><span class="fontstyle0">);<br> a.innerHTML</span><span class="fontstyle0">+=</span><span class="fontstyle0">"<p>Sedang Belajar JavaScript, Semangat...!!!</p>"</span><span class="fontstyle0">;<br> }<br></</span><span class="fontstyle1">script</span><span class="fontstyle0">></span> <br>
</head>
<body>
<h1>Belajar JavaScript</h1>
<p> Saya sedang mencoba belajar JavaScript</p>
Klik salah satu tombol untuk tambah semangat ![🙂]()
<button id="tambah" onclick="tambah_semangat()">Click</button>
<button id="tambah" ondblclick="tambah_semangat()">Double Click</button>
<button id="tambah" onmouseover="tambah_semangat()">MouseOver</button>
<div id="div_semangat"></div>
</body>
</html>
<button id="tambah" onclick="tambah_semangat()">Click</button>
<button id="tambah" ondblclick="tambah_semangat()">Double Click</button>
<button id="tambah" onmouseover="tambah_semangat()">MouseOver</button>
<div id="div_semangat"></div>
</body>
</html>
Perhatikan teman-teman tulisan sedang belajar javascript yang ada pada gambar di atas adalah hasil dari ketika saya klik dan mousehover, maka akan tampil tulisan tersebut, jika teman-teman tidak percaya coba saja ya.
Dalam kode diatas, saya menggunakan 3 event JavaScript:
- ‘onclick’: aktif ketika di klik.
- ‘ondblclick’: aktif ketika double klik.
- ‘mouseover’: aktif ketika mouse diatas tombol.
Dalam kursus kilat JavaScript ini kita hanya baru menyentuh sedikit saja dari kemampuan JavaScript. Sangat banyak aplikasi yang bisa dibuat menggunakan JavaScript. Terlebih lagi berbagai fitur HTML5 harus menggunakan JavaScript, seperti canvas, validasi, dan HTML5 API. Bahkan kita juga bisa membuat games menggunakan JavaScript. Dalam konsep web modern, HTML, CSS dan JavaScript adalah 3 teknologi yang wajib dipelajari. Berbagai library JavaScript seperti jQuery juga sangat memudahkan penggunaan JavaScript. Oke bagaimana teman-teman sepertinya menarik sekali ya belajar javascript dan saya rasa sampai disini dulu belajar kita tentang sekilas tentang event yang ada pada JavaScript, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya.
The post Sekilas Tentang Event Yang Ada Pada JavaScript appeared first on Kursus Website Terbaik.