hai teman teman kursuswebsite dumet school, kali ini kita akan belajar salah satu event di javascript yaitu event onclick, event onclik pada javascript adalah event jika mouse melakukan click pada element HTML. cara menggunakannya sangat lah mudah, yuk kita praktekan teman teman cara membuat Event Onclick pada Javascript
ada dua cara penulisan event pada javascript, yang pertama kita bisa meletakan event di dalam tag html, seperti contoh berikut ini teman teman
<button class ="btn btn-info" onclick=""> klik </button>
yang kedua kita bisa membuat event di dalam kode javascript itu sendit seperti contoh berikut ini teman teman
ok kita praktekan dua cara ini yah teman teman, pertama tama tentunya kalian butuh html tepatnya struktur dasar html berikut dan simpan dengannama index.html dan jangan lupa buat tag button yang di dalam nya ada event onclick.
<!DOCTYPE html> <html> <head> <title> Demo </title> </head> <body> <button onclick="klik()"> klik </button> </body> </html>
dan setelah itu setelah tag button kalian buat tag script berikut ini yah teman teman.
nah bila selesai kalian bisa buka di browser kalian dan coba klik button nya. maka event onclick akan bekerja dan alert yang kita pasang yaitu alert yang isinya ‘event onclick di tekan’ akan mucul. lihat gambar di bawah ini.
cara kedua yaitu dengan cara membuat event nya di dalam script javascript, sebelumnya untuk contoh kita masih pakai file ini dan kita hapus event onclick nya di dalam tag html dan function klik() di javacrip bisa kita hapus.
oke setelah itu ketikan kode berikut di dalam script javascript yah teman teman.
setelah selesei kalian bisa buka di browser kalian, lalu klik tombol atau button klik. maka hasilnya akan sama dengan cara yang pertama.
nah seperti itu contoh salah satu event dari javascript, kalian bisa praktekan lebih banyak lagi ya teman teman, sekian tutorial Event Onclick pada Javascript semoga bermanfaat yah teman teman.
The post Event Onclick Javascript appeared first on Kursus Website Terbaik.