Penulisan Kode Java Script Yang Benar Pemula

 on Tuesday, July 6, 2021  

 Penulisan Kode Javascript

    Ada beberapa cara untuk menuliskan kode Javascript di dalam dokumen / halaman HTML, yakni menggunakan tag <script>, menggunakan file eksternal dan melalui event tertentu.

Menggunakan tag <script>

    Kode javascript dalam HTML dituliskan dengan menggunakan tag <script> dengan format sebagai berikut;

<script language=”javascript”>

……….

</script>

    Atribut language di dalam tag <script> menunjukkan jenis bahasa yang digunakan dan versinya, contohnya “Javascript”, “Java Script 1.1”, “Javascript 1.2” untuk bahasa Javascript atau bahasa lainnya, contohnya “VBScript”. Jika kita ingin menggunakan beberapa versi Javascript di dalam satu halaman HTML (untuk menyesuaikan dengan kompatibilitas navigator), maka kita hanya perlu meletakkan kode-kode Javascript tersebut (berdasarkan versinya) ke dalam beberapa tag <script> dengan mencantumkan versi Javascript-nya.

Menggunakan File Eksternal

    Cara berikutnya adalah menuliskan kode program Javascript dalam suatu file teks dan kemudian file teks yang berisi kode Javascript dipanggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 ke atas). Kode yang kita sisipkan ke dalam dokumen HTML adalah sebagai berikut:

<script language=”JavaScript” src=”lokasi/file.js”<>/script>

    Dimana lokasi/file.js adalah lokasi dan nama file yang berisi kode Javascript, jika diperintah tambahan SRC tidak disertakan maka tag Script akan mencari kode yang terletak di dalam tag Script.

Melalui Event tertentu

    Event adalah sebutan dari satu aksi yang dilakukan oleh user, contohnya seperti klik tombol mouse, pembahasan lebih lanjut ada di materi lainnya. Kodenya dapat ditulis sebagai berikut:

<tag eventHandler=”kode Javascript yang akan dimasukkan”>

dimana eventHandler adalah nama dari event tersebut.

Dokumentasi Program

    Seperti dalam banyak bahasa pemrograman lainnya, sangat dianjurkan untuk menambahkan komentar-komentar di dalam skrip atau kode program yang dibuat untuk keperluan dokumentasi pengembang. Hal ini berguna antara lain:

  • Sebagai pengingat bagian-bagian khusus di dalam skrip tersebut, jika akan merubah sesuatu di dalamnya, mungkin beberapa bulan kemudian sudah tidak ingat lagi dengan detail dan alur dari skrip tersebut
  • Untuk membuat orang yang tidak tahu program yang dibuat jadi mengerti dengan membaca petunjuk-petunjuk yang dibuat melalui komentar-komentar.
    Penulisan komentar di Javascript, kita bisa menggunakan cara yang sama dengan aturan yang ada di bahasa C/C++ ataupun Java.

  • Untuk menulis komentar dalam satu baris kita gunakan karakter garis miring ganda (//). 
  • // semua karakter di belakang
  • // tidak akan dieksekusi
  • // untuk tidak membaca dalam sebuah program jika di tidak menggunkan garis miring ganda maka akan terjadi error pada program tersebut.
    Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan karakter /* dan */ /* Semua baris antara 2 tanda tersebut Tidak akan di eksekusi oleh kompilator */

Contoh Program Javascript

Kode Javascript dapat ditulis dalam dua cara, yaitu:
  • disisipkan langsung ke dalam kode HTML
  • ditulis dalam file terpisah (dengan ekstensi *.js)
    Pada contoh berikut ini adalah contoh skrip Javascript di dalam suatu dokumen HTML, disini kita akan membuat satu program untuk menampilkan satu kotak dialog (dijelaskan lebih lanjut di BAB lainnya) pada saat kita membuka dokumen HTML. File: halo.html

<html>

<head>

<title>contoh program javascript</title>

</head>

<body>

<script language=”javascript”>

alert(“Hallo !”);

</script>

</body>

</html>

    Saat program ini dijalankan melalui browser, maka akan ditampilkan satu dialog berisikan pesan “Halo !” tanpa tanda kutip. Selain dengan bentuk lengkap seperti di atas, kita juga dapat menuliskannya seperti berikut dengan hasil yang sama. File: halo_alternatif.html.

script language=”javascript”>

alert(“Hallo !”);

</script>



No comments:

Post a Comment

J-Theme