Cara Cepat Penulisan Javascript pada HTML
Javascript merupakan bahasa pemrogramman yang bisa berjalan di browser dan harus di tulis di dalam HTML. Ada 4 cara penulisan javascript pada HTML :
1. Tag <script>
Cara yang paling umum di gunakan yaitu menulis di dalam tag <script>. Tag <script> bisa juga di buat di dalam tag <head> atau di dalam tag <body>, contoh :
<!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 External
Pada code Javascript ini tidak ingin di gabung secara acak dengan HTML, kalian bisa menuliskan pada file terpisah. caranya, kalian buatlah sebuah file yang ber-extensi.js, misal isinya sebagai contoh berikut :
// file-eksternal.js
alert("Kode Javascript dari File Eksternal");
setelah itu kita perlu menghubungkan antara file external dengan file HTML. caranya yaitu gunakan tag <script> dengan atribut src untuk menentukan lokasi file javascriptnya.
<!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 yang gunakan untuk memanggil fungsi untuk event tertentu. contohnya ketika pada saat elemen di klik, maka jalankan fungsi Javascript.
<button onclick="alert('Ok Terima Kasih!')">Klik disini!</button>
fungsi event ada untuk event-event yang lain contoh nya onsubmit. onload, ondoubleclick, onmouseover, onmouseout,
dsb.
4. URL
penulisan pada URL di javascript, cara ini memang jarang digunakan, namun kalian juga
perlu mengetahui Penulisan Javascript pada URL yang menggunakan protokol Javascript.
contoh untuk nulis code pada URL browser javascript:alert(“Nah ini adalah Javascript”)
cara di atas ini bisa kalian gunakan tag <a>, setelah itu mengisi code javascript pada atribute href. cara dengan bisa juga untuk menggantikan event onClick.
<a href="javascript:alert('Selamat Datang di belajarreactjs.com')">Klik disini</a>
Nahh inilah empat cara penulisan Javascript pada HTML.. Mana yang sering kalian gunakan ?