Belajar Penulisan Kode Javascript pada HTML
Pada kesempatan kali ini saya akan memberikan tutorial mengenai belajar penulisan kode javascript pada document html, penulisan javascript pada document html ini tentunya sangat penting untuk kita pelajari bagi para pemula tentunya. Untuk pembahasan mengenai belajar penulisan kode javascript pada html silahkan teman- teman perhatikan pembahasan dibawah ini;
1. Menggunakan Tag <script>
Cara yang paling umum untuk dipakai dalam menuliskan kode javascript ini dengan menggunakan tag <script>. tag ini dapat kita simpan dalam tag <head> maupun tag lainnya. untuk contoh nya silahkan teman- teman perhatikan script dibawah ini:<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Javascript</title>
<script>
console.log("Hi, coder");
</script>
</head>
<body>
<script>
document.write("Javascript mantul!");
</script>
</body>
</html>
2. Menggunakan File Eksternal
Jika kalian tidak menginginkan script yang kalian buat bercampur dengan kode html maka silahkan kalian buat dengan file terpisah yang mempunyai ektensi .js, contohnya seperti script dibawah ini:
// file-eksternal.jsKemudian kalian perlu menghubungkannya menggunakan file HTML dengan menggunakan tag <script> dan metode src, untuk contohnya silahkan ikuti script ini:
alert("Kode Javascript dari File Eksternal");
<!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 ketiga dengan menggunakan fungsi pada event tertentu. Misalnya saat diklik maka fungsi tersebut dijalankan.
<button onclick="alert('Ok Terima kasih!')">Klik donk!</button>selain dengan event onclick teman- teman juga dapat menggunakan event yang lainnya.
4. URL
Penulisan javascript dengan menggunakan URL. Memang cara ini tidak sering kita gunakan , namun kita juga perlu mengetahui. Penulisan javascript pada URL tersebut dengan menggunakan protokol Javascript. Silahkan teman- teman coba kode dibawah ini pada URL kalian:
javascript:alert("Nah! ini Javascript")Untuk cara lainnya juga kita dapat menggunakan tag <a> kemudian teman- teman mengisi kode javascripnya pada bagian href. Cara ini untuk menggantikan event onclick.
Untuk contohnya silahkan ikuti script ini ya:
<a href="javascript:alert('Wih! hebat bukan?')">Klik Aku</a>
Itulah 4 cara penulisan kode javascript pada document html. untuk pengbahasan lengkapnya silahkan teman- teman kunjungi dibahaw ini:
Belajar Cara Penulisan dan Penggunaan Kode Javascript pada HTML
0 Response to "Belajar Penulisan Kode Javascript pada HTML"
Posting Komentar