Mempelajari Penulisan Kode Javascript pada HTML
Javascript adalah bahasa pemrograman yang beroperasi pada browser yang harus di tulis di dalam kode HTML. Ada 4 cara penulisan code javascript pada HTML.
Cara Pertama : Tag
Cara umum yang pertama adalah menuliskan code javascropt dalam tag.Tagbisa dibuat di dalam tagyang ada pada html,mauapun di dalam tagyang ada pada html.
Contoh Codingnya,kalian bisa mencobanya dengan cara menuliskannya pada notepad,notepad++,sublimetext atau editor text yang lainnya dan save as sebagai file.html,atau bisa coba juga disini Editor HTML FajarYusuf.Com:
Penulisan Javascript
Cara Kedua : Melalui File Eksternal
Jika kalian tidak ingin kode Javascript tercampur dengan HTML, kalian bisa menuliskannya pada file yang terpisah. Caranya, buatlah sebuah file yang berekstensi .js untuk ekstensi file javascript, misalnya isinya seperti coding berikut :
// file-eksternal.js
alert("Ini adalah Output dari hasil Javascript file eksternal");
Setelah menyimpan kode diatas, kita perlu menghubungkan file eksternal tersebut dengan file HTMLnya. Caranya dengan menggunakan tag dengan atributsrcuntuk menentukan lokasi file Javascriptnya(pada contoh berikut saya menentukan lokasi file javascript dan htmlnya pada satu folder):
Coding penulisan Javascript
Cara Ketiga : Menggunakan Atribut Event
Untuk cara berikutnya ini sering digunakan untuk memanggil fungsi pada event atau tindakan terentu. Misalnya ketika suatu elemen atau objek diklik, maka akan menjalankan proses dari coding Javascript, seperti contoh coding berikut :
Advertisement
Penulisan Javascript
Hasilnya :
Tidak hanya event onclick pada javascript ada berbagai macam event-event yang lainnya, seperti onsubmit, onload, ondoubleclick, onmouseover, onmouseout, dan sebagainya.
Cara Keempat : Menggunakan URL
Untuk cara yang terakhir yaitu penulisan Javascript pada URL. Cara ini hampir jarang digunakan, tetapi kita juga perlu mengetahuinya untuk mengenal lebih javascript. Penulisan Javascript pada URL dengan cara menggunakan protokol Javascript. Misalnya, cobalah untuk menuliskan kode seperti ini pada URL browser.
javascript:alert("Ini Output Dari Javascript")
Hasilnya akan ada output Javascript yang dieksekusi oleh browser.
Lalu, bagaiaman kita menggunakan cara ini di HTML?
Cara ini bisa kita gunakan pada tag , kemudian mengisi kode javascript pada atribut href. Cara ini bisa menggantikan fungsi javascript event onclick.
Contoh Codingnya :
Penulisan Javascript
Klik Donk
Advertisement