KODE SCRIPT JAVASCRIPT

A. Mengenal JavaScript

JavaScript merupakan bahasa pemrograman yang digunakan untuk membuat halaman web yang interaktif. JavaScript dapat digunakan untuk pengembangan sisi klien dan sisi server, sehingga dengan JavaScript dapat bekerja hanya dengan browser yang ada dalam komputer saja, serta JavaScript dapat bekerja offline tanpa webserver maupun localhost cukup browes yang ada pada komputer.

B. Meletakkan Script JavaScript

Untuk menginput, atau memasukkan kode JavaScript ke dalam HTML, JavaScript menyediakan 4 alternatif, yaitu:

Menggunakan Event Handler (Inline JavaScript)
Menggunakan tag (internal JavaScript)
Menggunakan tag (external JavaScript)
Menggunakan URL (href:=”javascript:”)

Event Handler (Inline JavaScript)

Event handler adalah pemanggilan kode javascript ketika ‘sesuatu’ terjadi dalam tag HTML, Misalnya element dalam HTML di klik, di klik kanan, di arahkan mouse, dan lain-lain.

Event handler di dalam JavaScript ditulis dengan penambahan kata on. Sehingga jika sebuah tombol di-klik, maka disebut sebagai onclick, jika mouse berada diatas element disebut sebagai onmouseover, dan lain-lain.

Cara ini biasanya digunakan jika kode JavaScript hanya sedikit, atau hanya sekedar memanggil function. Misal ketika sebuah tombol di-klik, maka bisa menampilkan alert(“Hello World!!”).

<!DOCTYPE HTML>
<html>
   <head>
      <title>Inline JavaScript</title>
   </head>
   <body onload="alert('Selamat Datang! pada Inline JavaScript')">
      <button onclick="alert('Terimakasih Anda telah menekan tombol')">Klik di sini</button>
   </body>
</html>

tag <script>(internal JavaScript)</script>

Kode JavaScript ditulis pada halaman yang sama dengan HTML, atau di dalam satu file HTML. Cara ini merupakan cara yang paling sering digunakan, jika kode JavaScript tidak begitu panjang

Kode JavaScript yang akan diinput diletakkan diantara tag pembuka dan tag penutup

<!DOCTYPE HTML>
<html>
   <head>
      <title>Internal JavaScript</title>
      <script type="text/javascript">
         alert("Selamat Datang! pada Internal JavaScript");
      </script>
   </head>
   <body>
      <script>
         document.write("Terimakasih telah menyelesaikan Internal JavaScript");
      </script>
   </body>
</html>

tag <title>(external JavaScript)</title>

Menginput kode JavaScript ke dalam halaman HTML dengan memindahkan kode JavaScript ke dalam sebuah file terpisah, lalu memanggilnya dari HTML. Cara ini sangat disarankan karena akan memberikan banyak keuntungan dan fleksibilitas dalam membuat program JavaScript.

Sebuah file JavaScript disimpan dalam ekstensi .js, seperti: kode.js, syaiflash.js, atau rumus.js. Dari halaman HTML, kita memanggilnya menggunakan tag dengan atribut src. Atribut srcberisi alamat dari file javascript tersebut

<!DOCTYPE HTML>
<html>
<head>
    <title>Eksternal JavaScript</title>	
</head>
<body>
	<script src="skrip-eksternal.js"></script>
</body>
</html>

Buat file JavaScript dengan nama skrip-eksternal.js letakkan jadi satu folder dengan file JavaScript – eksternal JavaScript.html

URL (href:=”javascript:”)

Menyisipkan JavaScript ke dalam alamat href dari tag HTML. Cara ini disebut juga dengan protocol javascript, karena mengganti alamat link dari yang biasa menggunakan protocol http//:www.syaiflash.com:

<!DOCTYPE html>
<html>
<head>
      <title>URL JavaScript</title>
</head>
<body>
	<h2>URL JavaScript: Menyisipkan JavaScript ke dalam alamat Website</h2>
	<hr>
	<p>Klik tombol dibawah ini untuk menuju ke www.syaiflash.com</p>
	<button onclick="myFunction()">Klik disini menuju syaiflash.com</button>
	<script>
		function myFunction() {
			location.href = "http://www.syaiflash.com/";
		}
	</script>
</body>
</html>

C. Komentar dan Keterangan Script JavaScript

Komentar digunakan untuk memberikan keterangan pada skript program, komentar tidak akan dieksekusi oleh program

Penulisan komentar pada JavaScript menggunakan beberapa cara

meletakkan tanda //sebelum komentar, jika komentar hanya satu baris
meletakkan diantara tanda /* komentar */ untuk baris yang banyak
memberikan tanda <!– sebelum komentar–>, komentar yang berbarengan html

<!DOCTYPE HTML>
<html>
<head>
     <title>Komentar JavaScript</title>
</head>
<body>
<script>
	document.write("<p>Komentar dibawah ini tidak tampak, hanya ada pada script saja</p>");
	//Ini komentar satu baris         
	/*Ini komentar lebih dari satu baris
	  komentar ini tidak akan dieksekusi sebagai program */
	<!--Komentar ini tidak tampak hanya sebagai keterangan saja-->
</script>
</body>
</html>

Tampilan Komentar
Download JavaScript – komentar.html