HASANONTA - Event pada Javascript adalah sesuatu yang terjadi pada element. Pusing ??? Contonh mudahnya adalah, Misal kita mempunyai sebuah website, didalam website ada sebuah tombol. Dan kita akan memberikan sebuah aksi saat tombol tersebut di klik. Nah yang disebut event dari contoh diatas adalah "klik". Ada beberapa macam event pada Javascript yaitu :
- onclick = Adalah event ketika sebuah element di klik
- onchange = Adalah event jika sebuah element berubah
- onmouseover = Adalah event jika sebuah element di letakkan cursor mouse diatasnya
- onmouseout = Adalah event saat cursor mouse meninggalkan element
- onkeydown = Adalah event jika terjadi pengetikan pada element html
- onload = Adalah event jika sebuah element atau halaman dibuka.
Contoh pembuatan event klik pada sebuah tombol. Contoh :
<!DOCTYPE html>
<html>
<head>
<title>HasanOnta</title>
</head>
<body>
<h1>Mengenal Event Pada Javascript | HasanOnta</h1>
<!-- memberikan event pada element tombol -->
<button onclick="tampilkan_nama()">Click on me!</button>
<!-- id hasil -->
<div id="hasil"></div>
<script> // membuat function tampilkan_nama
function tampilkan_nama(){
document.getElementById("hasil").innerHTML = "<h3>Nama Saya Adalah HasanOnta</h3>";
}
</script>
</body>
</html>
Pada contoh diatas, ada sebuah button yang diberi sebauah event onclick.
Pada saat tombol ini di klik maka akan dijalankan function "tampilkan_nama()". lalu dibuat function nya :
<button onclick="tampilkan_nama()">Click on me!</button>
function tampilkan_nama(){
document.getElementById("hasil").innerHTML = "<h3>Nama Saya Adalah HasanOnta</h3>";
isi dari function "tampilkan_nama()" adalah menampilkan kalimat "nama saya HasanOnta" pada element dengan id "hasil".
Output sebelum di klik:
Output setelah diklik:
akan muncul nama saya hasanonta
Hello, my name is Jack Sparrow. I'm a 50 year old self-employed Pirate from the Caribbean. 
Tidak ada komentar:
Posting Komentar