Wednesday, July 16, 2014

Dasar-Dasar Javascript

Dasar-Dasar Javascript

Dasa-Dasar Javascript - Saya akan sedikit mengulas seputar dasar-dasar javascript, mungkin artikel ini agak sedikit muter-muter setelah sebelumnya saya membahas Tutorial Javascript Untuk Pemula Part 1 Dan Tutorial Javascript Untuk Pemula Part 2, Agar pembahasan artikel ku kelihatan mendetail ,sebelum kita berlanjut ke materi yang selanjutnya ,alangkah baiknya kita mengetahui penjelasan seputar dasar-dasar javascript.
Cara menggunakan javascript adalah dengan cara menyisipkannya pada kode HTML menggunakan tag <script> dan </script> . Javascript bisa di letakan di tag <body> ataupun tag <head> pada kode HTML. Tag <script> dan <script> menentukan dimana javascript harus di mulai dan di akhiri.
Baris diantara tag <script> dan </script> ini berisi data javascript. Conohnya seperti berikut ini :

<script>
      alert("Kode Javascript PertamaKu Bersama MyCekInfo");
</script>

Anda tidak perlu memahami kode javascript di atas, anda hanya cukup menerimanya seperti itu. Browser nanti akan menginterpretasikan atau menafsirkan kode javascript antara tag <script> dan </script> . Beberapa artikel javascript lama (lawas) menyarankan menggunakan atribut kode type="text/javascript" pada tag <script> . Tetapi untuk browser modern dan HTML5, ini tidak perlu digunakan karena semuanya sudah mendukung yang lebih simpel.
Javascript bisa dituliskan dibagian <body>, kode disini akan di-load ketika halaman web html di-load, Misalkan :
<html>
   <head>
      <title>Menulis langsung javascript di body</title>
   </head>
   <body>
      <p>Menulis javascript di body, By : MyCekInfo</p>
      <script>
         document.write("<h1>Ini Heading Halaman Web HTML</h1>");
         document.write("<p>Ini Paragraf Halaman Web HTML</p>");
      </script>
   </body>
</html>

Hasil :

Menulis javascript di body, By : MyCekInfo

Ini Heading Halaman Web HTML

Ini Paragraf Halaman Web HTML

Statment javascript seperti di tag <body> diatas dieksekusi ketika page loading. jadi kalau anda ingin mengeksekusi kode hanya ketika event terjadi, anda bisa menggunakan fungsi. Ketika kode javascript dimasukan ke fungsi, anda bisa memanggil fungsi ketika event terjadi saja. Selain body, anda juga bisa meletakan script di tag <head>  pada dokumen HTML atau bisa juga dua-duanya (di body atau di head). biasanya fungsi di letakan di tag <head> atau di bagian bawah halaman, sehingga mudah untuk di atur dan tidak mengganggu isi web.
Berikut adalah contoh fungsi javascript di bagian <head> dari halaman HTML. Fungsi ini akan di panggil ketika tombol di klik :
<html>
   <head>
      <title>Javascript Di Bagian HEAD</title>
   </head>
   <body>
      <h1>Javascript di Bagian Head, By : MyCekInfo</h1>
      <p id="contoh">Text Biasa</p>
      <input type="button" onclick="FungsiGanti()" value="Ganti Text">
      <script>
          function FungsiGanti() {
             document.getElementById("contoh").innerHTML="<b>Text Berubah Tebal</b>";
          }
      </script>
   </body>
</html>

Hasil dari sintak di atas ,jika di klik maka text akan berubah jadi tebal :

Javascript di Bagian Head, By : MyCekInfo

Text Biasa

Selain di dalam file, anda juga bisa meletakan javascript dengan file yang terpisah ataus yang biasa di sebuat cara external. Salah satu kelebihan menggunakan cara ini adalah satu file external bisa digunakan oleh beberapa halaman web yang berbeda. Kalau di letakan secara external, biasanya file javascript akan memiliki file yang berekstensi .js dan bisa di panggil dengan menggunakan atribut src di tag <script> . Contohnya adalah sebagai berikut :
<html>
   <head>
      <title>File Javascript external</title>
   </head>
   <body>
      <script src="NamaFileJavascript.js"></script>
   </body>
</html>

Anda bisa meletakan <script> pada tag body atau head, sekian penjelasan singkat seputar dasar javascript.

Gimana ? Paham ?
Next Artikel : Kegunaan Dari Javascript : Tutorial Javascript For Beginner

Saya hanya seorang "newbie" yang baru bisa ngoding lohor kemarin.


EmoticonEmoticon