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