Pengenalan JavaScript

adiansyah | 5 August 2019 |602 views | Js | No Comments

Apa Itu JavaScript

Javascript adalah bahasa script yang biasa jalan di browser, orang-orang biasa bilang client side programming. Client di sini adalah browser, seperti: Internet Explorer, Firefox, Safari dan sebagainya. Kode javascript biasanya disisipkan diantara kode-kode HTML.

Bagi para web developer biasanya menggunakan 3 bahasa pemrograman utama yaitu :

HTML: untuk membuat konten di halaman web.
CSS: Membuat layout, style, serta keselarasan dan keindahan halaman website.
JavaScript: Menyempurnakan tampilan dan sistem halaman web.

Cara Menulis Kode Javascript di HTML

Embed (Kode Javascript ditempel langsung pada HTML)
Inline (kode Javascript ditulis pada atribut HTML)
Eksternal (Kode Javascript ditulis terpisah dengan file HTML)

1. Embed ( Javascript ditempel langsung pada HTML )

Penulisan JavaScript dengan cara ditempel langsung pada HTML. Sebagai Contoh Penulisannya Seperti ini :

<!DOCTYPE html>
<html>
   <head>
      <title>Menampilkan Kode JS</title>
   </head>
   <body>
       <p>Tutorial Javascript untuk Pemula</p>
       <script>
           console.log("Hello JS dari body");
           document.write("Hello World!");
       </script>
   </body>
</html>

Sedangkan Hasil yang tampil di browser adalah :

Untuk penulisan console.log(“Hello JS dari body”); ini akan muncul di bagian console pada browser anda untuk menampilkan pesan kesalahan yang terjadi.

2. Inline ( Javascript ditulis pada atribut HTML )

Contoh Penulisan Javascript Inline / ditulis Pada atribut html sebagai berikut :

<!DOCTYPE html>
<html>
   <head>
      <title>Menampilkan Kode JS</title>
   </head>
   <body>
       <p>Tutorial Javascript untuk Pemula</p>
       <a onclick="alert('Hallo Selamat Datang')" href="#">Klik Me</a>
   </body>
</html>

Penampakan Tampilan Jika di Klik Linknya:

3. Eksternal (Javascript ditulis terpisah dengan file HTML)

Penulisan javascript ini membuat kode javascript nya terpisah alias beda filenya biasanya formatnya .js baru nanti akan di panggil di file htmlnya. Jadi langkah yang harus dilakukan adalah membuat file KodeJavascript.js dengan isi program javascript kemudian memanggil file KodeJavascript.js ini di html dengan cara mengetikkan script berikut :

<!DOCTYPE html>
<html>
   <head>
      <title>Menampilkan Kode JS</title>
   </head>
   <body>
       <p>Tutorial Javascript untuk Pemula</p>
       <script src="KodeJavascript.js"></script>
   </body>
</html>

Mudah-mudahan Bermanfaat yaa?

About The Author

adiansyah

Belajar Bersyukur dengan apa yang kita dapat, jangan lupa berdoa disetiap apa yang kita lakukan.