Mempelajari Penulisan Kode Javascript pada HTML

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








Hasilnya :

Mempelajari Penulisan Kode Javascript pada HTML

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




Hasilnya :
Mempelajari Penulisan Kode Javascript pada HTML

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 :






Penulisan Javascript








Hasilnya :

Mempelajari Penulisan Kode Javascript pada HTML

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?

Spread the love

Fajar (Ucup)

Pemilik dan Author dari FajarYusuf.com dan juga seseorang yang gemar membagikan info menarik kepada orang lain.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *