Mempelajari Penulisan Kode Javascript pada HTML

Cara Pertama : Tag

Hasilnya :

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 :

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 :

    
    
    
 
    


Klik donk!

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 :

    
    
    
 
    


Klik Donk

Hasilnya :

Spread the love

Related Posts:

• Mempelajari Tuple Pada Pemrograman Python
• Mempelajari Perulangan Pada Program Python
• Mempelajari Input dan Output Pada Python
• Fungsi HTML dan CSS pada halaman Web : Belajar CSS
• Mengetahui Percabangan Yang Ada Pada Javascript
• Mengenal Jendela Dialog pada Pemrograman Javascript
• Looping Atau Perulangan Pada Program Javascript
• Variabel dan Tipe Data Pada Pemrograman Javascript
• Mengenal Operator Yang Ada Pada Pemrograman Javascript
• CSS : Aturan Penulisan CSS