Cara menghubungkan html ke javascript

#Javascript #HTML

Baru belajar Javascript?

Nội dung chính Show

..dan masih bingung dengan cara menulis Javascript di HTML?

Tenang!

Saya akan menjelaskannya.

Ada 4 cara menulis kode Javascript pada HTML.

Dari keempat cara ini, ada yang biasa dan sering digunakan..

..ada juga yang ‘aneh’, jarang digunakan sih tapi masih work!

Apa saja keempat cara itu?

Mari kita bahas:

Penulisan kode Javascript menggunakan tag walaupun tidak punya isi.

Salah: ❌

<script src="kode-script.js">

Benar: ✅

<script src="kode-script.js">script>

Lalu gimana jika kode Javascript-nya berada di folder yang berbeda dengan dokumen HTML-nya?

Atau Javascriptnya berada di internet?

Itu gimana?

Untuk kode Javascript yang berada di folder yang berbeda, kita menulisnya mengikuti alamat path foldernya.

Misalnya struktur foldernya seperti ini:

Karena file kode-script.js berada di dalam folder js, maka kita harus menulisnya:

<script src="js/kode-script.js">script>

Giaman paham kan?

Nah, untuk kode Javascript yang diambil dari internet, kita cukup tuliskan alamat URL dari Javascript tersebut.

Contoh:

<script src="https://code.jquery.com/jquery-3.5.1.min.js">script>

Penulisan Javascript pada atribut bisanya dilakukan pada atribut event.

Contoh:

<button onclick="alert('Ok Terima kasih!')">Klik donk!button>

Pada contoh ini, kita membuat elemen