Jumat, 14 Agustus 2015

Pengertian dan perintah JavaScript

JavaScript

JavaScript
Javascript.svg
Ekstensi berkas.js
Jenis MIMEapplication/javascript, text/javascript[1]
Uniform Type Identifiercom.netscape.javascript -​ sumber [2]
Dikembangkan olehNetscape Communications Corporation, Mozilla Foundation
Rilis terbaru1.9.3 / 2010
Jenis formatBahasa skrip
Situs webMozilla Developer Center
JavaScript adalah bahasa pemrograman berbasis java yang merupakan interface pembantu dalam pemrograman web. JavaScript populer di internet dan dapat bekerja di sebagian besar penjelajah webpopuler seperti Internet Explorer (IE), Mozilla Firefox, Netscape danOpera. Kode JavaScript dapat disisipkan dalam halaman webmenggunakan tag SCRIPT.[3]

Sejarah[sunting | sunting sumber]

JavaScript pertama kali dikembangkan oleh Brendan Eich dari Netscape dibawah nama Mocha, yang nantinya namanya diganti menjadiLiveScript, dan akhirnya menjadi JavaScript.[4] [5]
Navigator sebelumnya telah mendukung Java untuk lebih bisa dimanfaatkan para programmer yang non-Java.[6] Maka dikembangkanlah bahasa pemrograman bernama LiveScript untuk mengakomodasi hal tersebut.[6] Bahasa pemrograman inilah yang akhirnya berkembang dan diberi nama JavaScript, walaupun tidak ada hubungan bahasa antara Java dengan JavaScript.[6]
JavaScript bisa digunakan untuk banyak tujuan, misalnya untuk membuat efek rollover baik di gambar maupun teks, dan yang penting juga adalah untuk membuat AJAX.[6] JavaScript adalah bahasa yang digunakan untuk AJAX.[6]

Penulisan JavaScript[sunting | sunting sumber]

Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag <script type="text/javascript">.[7]
<script type="text/javascript">
 alert("Halo Dunia!");
</script>
Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript).[7] Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:[7]
<script type="text/javascript" src="alamat.js">
</script>

Skrip di head[sunting | sunting sumber]

Skrip ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada eventtertentu.[7] Peletakkan skrip di head akan menjamin skrip dimuat terlebih dahulu sebelum dipanggil.[7]
<html>
<head>
<script type="text/javascript">
...
</script>
</head>
</html>

Skrip di body[sunting | sunting sumber]

Skrip ini dieksekusi ketika halaman dimuat sampai di bagian <body>.[7] Ketika menempatkan skrip pada bagian <body>berarti antara isi dan JavaScript dijadikan satu bagian.[7]
<html>
<head>
</head>
<body>
<script type="text/javascript">
...
</script>
</body>
</html>
Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.[7]

Skrip eksternal[sunting | sunting sumber]

Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman.[7] Maka JavaScript dapat ditulis di file secara eksternal.[7] Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML.[7] Berkas JavaScript tersebut disimpan dengan ekstensi .js.[7]
JavaScript : js/xxx.js document.write("pesan ini tampil ketika halaman diload");
Untuk menggunakan eksternal JavaScript (.js) dipakai atribut "src" pada tag <script> pada halaman HTML-nya.[7]
<html>
<head>
</head>
<body>
<script src="xxx.js">
</script>
<p>Script di atas berada di berkas "xx.js" (eksternal) </p>
</body>
</html>

Adaptasi JavaScript di Wikipedia[sunting | sunting sumber]

Biasanya JavaScript digunakan sebagai peralatan (tool/gadget) pada halaman pengguna. Fungsinya bermacam-macam, misalnya peralatan guna menambah kategori dengan lebih mudah, contohnya dapat dilihat pada : HotCat. Lain dari pada itu dapat disimak lebih lanjut di:

Referensi[sunting | sunting sumber]

  1. ^ Tipe mime dari JavaScript : RFC 4329
  2. ^ "Jenis identifikasi". Pustaka referensi Mac OS X. Apple Inc. Diakses tanggal 2010-03-05. Unknown parameter |lang=ignored (|language= suggested) (bantuan)
  3. ^ Andi Sunyoto, M. Kom, Ajax Membangun Web dengan Teknologi Asynchronouse JavaScript & XML, ANDI
  4. ^ Krill, Paul (2008-06-23). "JavaScript creator ponders past, future". InfoWorld. Diakses tanggal 2009-05-19.
  5. ^ Hamilton, Naomi (2008-06-31). "The A-Z of Programming Languages: JavaScript". computerworld.com.au.
  6. ^ a b c d e Ali Zaki & Smitdev Community, SPP AJAX untuk Pemula, halaman 27. Elex Media Komputindo
  7. ^ a b c d e f g h i j k l m Zainal Arifin & Smitdev Community, 36 Menit Belajar Komputer: Php Dan Mysql. Elex Media Komputindo.

Perintah dasar  merupakan perintah yang digunakan sebagai operasi yang paling dasar dalam pemrograman Javascript, yaitu
  1. perintah assigment
  2. perintah untuk menampilkan output
  3. perintah untuk menerima input
  4. operator melakukan manipulasi data
Assignment adalah proses memasukkan data ke dalam variabel, baik variabel tunggal atau variabel jamak, atau proses pengisian variabel dengan data.

contoh:
nama = 'Rudianto'
angka = 11
umur = 25
namalengkap = 'Teknik Komputer'

Perintah assignment juga dapat dilakukan sambil mendeklarasikan suatu variabel yang bisa diberi nilai awal atau yang disebut juga dengan proses inisialisasi.

contoh:
var nama = 'Rudianto'
var angka = 9
var umur = 25

Dalam Javascript, setiap variabel dapat digunakan untuk mendefinisikan lebih dari satu jenis data. Artinya suatu variabel bisa berganti isi dengan tipe data yang berbeda.
contoh:
var angka = 'sembilan'
var angka = 9

Dalam satu pernyataan assignment juga bisa diisikan data lebih dari baris, dan setiap pindah baris ditutup dengan menuliskan karakter backslash(\).
contoh:
kalimat = " Selamat datang di program studi Teknik Komputer \
Politeknik NSC Surabaya \
semoga bermanfaat"

Perintah Output

document.write(namavariabel)
document.write("Kalimat"+namavariabel)
alert("Kalimat"+namavariabel)

Contoh:

<html>
<head>
<title>Teknik Komputer</title>
</head>
<body>
 <h1>Contoh menampilkan output dan alert</h1>
 <script type="text/javascript" language="javascript">
  nama = "Rudianto"
  umur = 35
  document.write("Nama : "+nama)
  document.write("<br>")
  document.write("Umur : "+umur)
  alert("Nama anda : "+nama+"\n"+"Umur anda : "+umur)
 </script>
</body>
</html>

Hasil Running

Perintah Input dengan prompt
namavariabel = prompt("Pesan" , nilaidefault)

dimana nilai default adalah nilai awal yang diberikan apabila pengguna tidak mengubahnya.

contoh:

<html>
<head>
<title>Teknik Komputer</title>
</head>
<body>
 <h1>Contoh menerima input</h1>
 <script type="text/javascript" language="javascript">
  nama = prompt("Siapa nama anda ? " , "Teknik Komputer")
  umur = prompt("Berapa umur anda ? ", 25)
  document.write("Nama : "+nama)
  document.write("<br>")
  document.write("Umur : "+umur)

 </script>
</body>
</html>

Hasil running
setelah diisi akan ditampilkan

Tidak ada komentar:

Posting Komentar