Apa yang dimaksud event website pada javascript?

Pada kesempatan kali ini saya akan membahas mengenal event di javascript. Sebelum membahas lebih jauh saya akan menjelaskan kepada teman-teman apa itu event di javascript ?

Table of Contents Show

.OnMouseOver dan .OnMouseOut
Apa yang dimaksud dengan event OnClick?
2 Apakah nama event yang terjadi ketika user mengklik suatu element HTML?
Bagaimana cara memanggil fungsi di JavaScript?
Jelaskan apa yang dimaksud dengan java script?

Event adalah suatu aksi yang dilakukan oleh pemakai yang memicu jalannya kode JavaScript yang sudah dibuat. Sebagian besar event dipicu oleh pemakai yang memanipulasi halaman web pada program browsernya , misalnya jika suatu tombol di klik maka akan menjalankan suatu function.
Berikut beberapa penjelasan dan contoh event pada javascript,

.OnClick

Event onclick tersebut terjadi jika pemakai mengklik tombol mouse pada link atau elemen yang terdapat pada form HTML. Pada contoh berikut kita akan membuat sebuah tombol pada halaman website yang jika di tekan akan memunculka pesan windows alert.
Lakukanlah penulisan script dibawah ini kedalam notepad lalu simpan dengan ekstensi .HTML dan kemudian jalankan di browser.

<html>

<head>

<title> Contoh event OnClick Javascript</title>

function klik(){

alert("Ini adalah contoh event klik");

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

Setelah dijalankan di browser, hasilnya seperti berikut:

.OnLoad

Event tersebut akan di jalankan apabila suatu objek diload, dalam kasus ini kita akan menaruh event onload di bagian tag <body> sehinga ketika suatu halaman web diload maka akan muncul sebuah pesan seperti contoh diatas.
Lakukan seperti di atas tulis script dibawah ini kedalam notepad, simpan dengan ekstensi .HTML dan jalankan di browser.

<html>

<head>

<title> Contoh event OnLoad Javascript</title>

function load(){

alert("Ini adalah contoh event load");

}

</script>

</head>

Contoh menjalankan event onload pada tag <body>

</body>

</html>

Setelah dijalankan di browser, hasilnya seperti berikut:

.OnMouseOver dan .OnMouseOut

Event .onMouseOver berjalan jika pemakai meletakkan mouse di atas sebuah link atau suatu objek HTML.
Event .onMouseOut berjalan bila kursor mouse keluar dari daerah link atau suatu objek HTML.
Berikut ini kita akan membuat contoh penggunaan event onMouseOver dan onMouseOut pada kolom tabel, ketika kursor berada d atas kolom tersebut makan backgroundnya akan berganti warna.
Lakukan seperti di atas tulis script dibawah ini kedalam notepad, simpan dengan ekstensi .HTML dan jalankan di browser.

<html>

<body>

<table>

<td>Letakan Mouse Di sini untuk menjalankan event OnMouseOver</td>

</tr>

<td>Letakan Mouse Di sini juga untuk menjalankan event OnMouseOver</td>

</tr>

</table>

</body>

</html>

Setelah dijalankan di browser, hasilnya seperti berikut:

Demikian pembahasan mengenal event di javascript, Semoga Membantu.

Terima Kasih

Apa yang dimaksud dengan event OnClick?

Event onclick menjalankan suatu fungsionalitas saat suatu tombol diklik. Contohnya saat seorang pengguna mengumpulkan formulir, saat kamu mengubah konten tertentu di halaman web, dan pada situasi-situasi lain seperti itu. Kamu menempatkan fungsi JavaScript yang ingin kamu jalankan di dalam tag pembuka tombolnya.

2 Apakah nama event yang terjadi ketika user mengklik suatu element HTML?

onclick = adalah event jika sebuah element html di klik.

Bagaimana cara memanggil fungsi di JavaScript?

Cara Memanggil/Eksekusi Fungsi Kita bisa memanggil fungsi di dalam kode Javascript dengan menuliskan nama fungsinya seperti ini: namaFungsi(); Contoh: // membuat fungsi function sayHello(){ console.log("Hello World!"); } // memanggil fungsi sayHello() // maka akan menghasilkan -> Hello World!