Cara Menulis Kode Javascript pada HTML
Javascript merupakan sebuah bahasa yang berjalan di atas browser dan harus ditulis di dalam HTML. Ada beberapa cara untuk menulis javascript.
Berikut ini adalah cara untuk menuliskannya:
1. Tag <script>
Cara umum yang dipakai adalah menuliskannya dalam tag <script>. Tag ini dapat digunakan dalam tag <head> atau tag <body>.<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Penulisan Javascript</title>
<script>
console.log("Hi, ini kode Javascript");
</script>
</head>
<body>
<script>
document.write("Javascript itu keren!");
</script>
</body>
</html>
2. File Eksternal
Sama halnya seperti CSS, Javascript juga dapat diletakkan di luar file html.
Caranya dengan membuat file yang berekstensi .js, misalnya isinya berikut:
// file-eksternal.js
alert("Kode Javascript dari File Eksternal");
Kemudian kamu harus menghubungkannya dengan file eksternal tersebut dengan HTML. caranya menggunakan tag
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Penulisan Javascript</title>
<script src="file-eksternal.js"></script>
</head>
<body>
</body>
</html>
3. Atribut Event
Cara ini merupakan cara yang digunakan untuk memanggil event tertentu. Contohnya ketika di klik maka fungsi javascripnya akan berfungsi.
<button onclick="alert('Ok Terima kasih!')">Klik donk!</button>
Selain itu terdapat event-event lain yang bisa digunakan untuk menerpakan javascript, contohnya seperti onsubmit, onload, onmouseover, onmouseput, dsb.
4. URL
Cara ini mungkin sangat jarang digunakan dalam javascript, akan tetapi kamu perlu tahu agar menambah wawasan.
Cara untuk membuatnya sangat mdah, gunakan tag <a>, kemudaian mengisi kode pada atribut href. Cara ini hampir mirip dengan Atribut event diatas.
<a href="javascript:alert('Wih! hebat bukan?')">Klik Aku</a>
Nah itu adalah beberapa cara untuk menuliskan javascrip di dalam HTML, semoga ebermanfaat.
Sumber : Petanikode.com
Post a Comment for "Cara Menulis Kode Javascript pada HTML"