Memahami Dasar

Pemrograman
Web
Klien,
pemrograman
javascript
Pengenalan Java Script

– Javascript adalah bahasa yang berbentuk kumpulan skrip yang berjalan pada
suatu dokumen HTML.
– Sepanjang sejarah internet bahasa ini adalah bahasa skrip pertama untuk web.
Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan
tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian
perintah perintah di sisi user, yang artinya di sisi browser bukan di sisi server
web.
Sejarah Javascript

– Javascript diperkenalkan pertama kali oleh Brendan Eich yang bekerja di Netscape pada
tahun 1995.
– Pada awalnya bahasa ini dinamakan “LiveScript” yang berfungsi sebagai bahasa
sederhana untuk browser Netscape Navigator 2. Pada masa itu bahasa ini banyak di
kritik karena kurang aman, pengembangannya yang terkesan buru buru dan tidak ada
pesan kesalahan yang di tampilkan setiap kali kita membuat kesalahan pada saat
menyusun suatu program. Kemudian sejalan dengan sedang giatnya kerjasama antara
Netscape dan Sun (pengembang bahasa pemrograman “Java” ) pada masa itu, maka
Netscape memberikan nama “Javascript” kepada bahasa tersebut pada tanggal 4
desember 1995.
– Versi terakhir dari bahasa ini adalah versi 1.8.5 yang dirilis tanggal 22 Maret 2011.
Sejarah Javascript

– Javascript bergantung kepada browser (navigator) yang memanggil dan

menampilkan halaman web yang tidak hanya berisi HTML tapi juga dapat berisi
skrip-skrip Javascript. Javascript juga tidak memerlukan penerjemah khusus
untuk menjalankannya, karena sudah disediakan sendiri oleh browser yang
digunakan. Lain halnya dengan bahasa“Java” yang memerlukan penerjemah
khusus untuk menjalankannya di sisi user/klien. Berikut ini satu tabel yang
berisi beberapa perbandingan mendasar antara Java dan Javascript.
Perbedaan Javascript dan Java
Penulisan Coding Javascript

– Javascript adalah bahasa yang “case sensitive” artinya membedakan penamaan

variabel dan fungsi yang menggunakan huruf besar dan huruf kecil,
– Penulisan variabel atau fungsi dengan nama TEST berbeda dengan variabel
dengan nama test.
– Setiap instruksi dapat diakhiri dengan karakter titik koma (;).
– Menggunakan tag <SCRIPT> Kode javascript dalam HTML dituliskan dengan
menggunakan tag <script> dengan format sebagai berikut :
Penulisan Coding Javascript
Penulisan Coding Javascript

– Menggunakan file eksternal : Menuliskan kode program Javascript dalam

suatu file teks dan kemudian file teks yang berisi kode Javascript di panggil dari
dalam dokumen HTML (khusus Netscape mulai versi 3 keatas). Kode yang kita
sisipkan kedalam dokumen HTML adalah sebagai berikut :

– dimana lokasi/file.js adalah adalah lokasi dan nama file yang berisi kode
Javascript, jika perintah tambahan SRC tidak disertakan maka tag Script akan
mencari kode yang terletak di dalam tag Script.
Penulisan Coding Javascript

– 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 di tulis sebagai berikut :

dimana eventHandler adalah nama dari event tersebut.

Browser yang
digunakan :
VARIABEL

 Variable adalah suatu obyek yang berisi data data, yang mana dapat dimodifikasi
selama eksekusi program. Di Javascript terdapat beberapa kriteria untuk penamaan
variabel, seperti ditunjukkan berikut ini.
 Nama variabel harus dimulai oleh satu huruf (huruf besar maupun huruf
kecil) atau satu karakter _ (garis bawah).
 Nama variabel bisa terdiri dari kombinasi huruf, angka atau karakter _
dan $ (spasi kosong tidak diperbolehkan).
 Nama variabel tidak boleh memakai nama-nama yang termasuk ke
dalam kata kunci bahasa Javascript.
 Berikut ini merupakan daftar kata kunci yang ada di Javascript.     
Kata Kunci pada Javascript
Contoh pemberian nama variabel

– Nama variabel yang benar Nama variabel yang tidak benar

- umur - Nama Lengkap  Ada spasi kosong
- namaLengkap - 7ruangan  Dimulai dgn angka
- email@website.com  terdapat Karakter @
- luas_lingkaran
- top-level-domain  terdapat Karakter -
- jari2
- function  termasuk Kata kunci Javascript
- _7an
- $biaya
Format deklarasi (pembuatan) variabel di
Javascript
TIPE DATA

 Di javascript data yang dapat disimpan dalam suatu variabel dikelompokkan

menjadi tiga jenis, yaitu :

 Bilangan/numerik, bulat atau desimal, yang kita sebut sebagai integer

juga float
 Kata/kalimat (kumpulan huruf/karakter) : kita sebut string
 Boolean : suatu variabel yang mempunyai dua nilai dan berfungsi untuk
memeriksa suatu kondisi :
 true : jika kondisinya benar
false : jika kondisinya salah
File: halo.html
 Alert() : menampilkan output ke jendela
dialog.
File : halo_alternative.js document.write() menampilkan output ke
dokumen HTML;

<script language= "javascript">

document.write("Hallo Bandung !");
</script>
sebuah value pada inputan yang ada di HTML
tentunya dengan syarat element inputan tersebut
memiliki ID
lang deklarasi yang dapat menyebar ke
semua konten di halaman tersebut.
Misalnya, deklarasi <html lang="en">
memberi tahu browser bahwa semua
konten di halaman tresebut adalah bahasa
Inggris.
VariableOnJavascript.html
 tentunya dengan syarat element inpu
memiliki ID

VariableOnJS2.html
VariableOnJSWithTypeData.html