Oke masih dalam panduan belajar javascript. Kali ini saya akan membahas cara penulisan javascipt.
-
Menggunakan tag <script></script>
berikut adalah codingnya
<script type="text/javascript">
document.write('<p>Tulisan ini dibuat dengan tag script</p>');
</script>
sama halnya dengan HTML, kita bisa menyisipkan coding js di antara tag <script>. coding document.write() digunakan untuk menuliskan karakter di browser.
-
Menggunakan Inline JS
sama seperti Penulisan CSS, dalam JS ada inline dimana kita bisa menyisipkan javascript di tag HTML. Berikut contohnya
<button onclick="alert('Popup ini Menggunakan Inline JS');">Click Saya</button>
Coding atas akan mengeksekusi Javascript saat button di klik. Kita bisa menyebutnya dengan event
-
Menggunakan External JS
Seperti halny external CSS. javascript juga bisa ditulis dengan external CSS dimana source fileny berextensi .js pathnya dimasukan pada script <script type=”text/javascript” src=”my.js”></script>
Berikut adalah contohnya file htmlnya
<!DOCTYPE html>
<html>
<head>
<title>Cara Menuliskan JS</title>
</head>
<body>
<script type="text/javascript">
document.write('<p>Tulisan ini dibuat dengan tag script</p>');
</script>
<button onclick="alert('Popup ini Menggunakan Inline JS');">Click Saya</button>
<script type="text/javascript" src="my.js"></script>
</body>
</html>
Berikut adalah coding untuk file my.js
console.log('Text di console log ini ditampikan dengan External JS');
Jika di buka di browser maka akan muncul
Demikian panduan ini. Jika ada pertanyaa atau debugging bisa komen dibawah