Pengenalan Javascript

Web Desain (ADM 3326)
Modul 12. Pengantar Javascripts
12.1 Pengenalan javascripts
Sekilas Tentang Javascripts
Javascript adalah bahasa pemrograman yang popular. Javascript adalah bahasa pemrograman yang
digunakan untuk HTML dan WEB, untuk Server, PC, Laptop, tablet dan lebih banyak lagi. Kode
pemrograman javascript dapat disisipkan kedalam halaman HTML. Pada awalnya, JavaScript mulai
diperkenalkan di browser Netscape Navigator 2. Namun waktu itu namanya bukan JavaScript,
namun LiveScript. Mengingat pada waktu itu teknologi Java sedang panas-panasnya atau sedang
tren, maka pihak Netscape memutuskan untuk mengganti namanya menjadi JavaScript, yang
sepertinya nama tersebut lebih marketible dibandingkan LiveScript.
Selanjutnya pihak Microsoft (rival Netscape) pun mulai ikut-ikutan memfasilitasi web browser
buatannya, ‘Internet Explorer’, supaya bisa mendukung JavaScript. Namun mungkin karena gengsi,
pihak Microsoft memberi nama bahasa yang lain, yaitu Jscript. Mulai saat itu, Netscape dan
Microsoft mulai berlomba-lomba mengembangkan bahasa tersebut dalam versi yang berlainan.
Oleh sebab persaingan itulah terkadang suatu JavaScript mungkin bisa bekerja dengan baik di
browser Netscape, tapi tidak demqikian halnya di IE, begitu pula sebaliknya.
Cara penulisan javascripts
Ada 2 cara / metode penulisan javascript dalam penggunaannya dengan kode HTML, yaitu
1. Penulisan javascript secara langsung pada kode HTML (embed)

Metode ini dituliskan langsung pada bagian body kode HTML dengan menggunakan tag
<script language>..</script> yang terletak diantara tag <body>….</body>
Contoh :
Rika Febriana, SKom, MMSI Page 1

2. Penulisan javascript barada pada file yang berbeda dengan file HTML (link)
Metode ini ditulis pada file HTML. File Javascript berada pada file terpisah dan berdiri sendiri
dengan file berekstensi (.js). Tag dan atribut yang digunakan adalah sebagai berikut :
Contoh :
File HTML
File Javascript

Output :
Memberi Komentar pada Javascript.
Komentar pada suatu script tidak akan dieksekusi oleh Javascript. Komentar ditambahkan pada script
untuk memberikan penjelasan script atau membuat skrip tidak dieksekusi. Untuk memberikan komentar
yang hanya satu baris gunakan //. Berikut contoh bagaimana memberi komentar single.
Contoh :
Untuk memberikan komentar lebih dari satu baris, gunakan /* dan */. Jadi script yang terletak di antara
/* dan */ akan dianggap sebagai komentar. Berikut contoh memberi komentar yang lebih dari satu
baris.
Contoh :

12.2 Type data, Operator dan Variable
Tipe Data dan Variabel pada Javascript
Lazimnya bahasa pemrograman, javascript memiliki tipe data dan variabel. Variabel pada javascript
seperti kotak atau wadah yang digunakan untuk menyimpan informasi yang senantiasa dapat diload.
Sedangkan tipe data terkait dengan jenis data atau nilai yang disimpan dalam variabel.
Deklarasi Variabel
Dalam javascript, setiap kali akan menggunakan variabel, langkah pertama yang harus dilakukan
adalah mendeklarasikan keberadaan nama variabel. Hal ini perlu dilakukan karena dengan adanya
deklarasi nama variabel, computer akan menyediakan beberapa bagian memori untuk menyimpan
nilai pada nama variabel tersebut. Untuk mendeklarasikan variabel digunakan kata var.
Dalam mendeklarasikan nama variabel ada beberapa aturan yang harus diperhatikan, yaitu :
1. Nama variabel harus dimulai dengan huruf

2. Nama variabel juga dapat dimulai dengan $ dan _
3. Nama variabel adalah casesensitive (memperhatikan besar kecilnya huruf).
4. Jangan menggunakan Reserved Word atau kata tercadang sebagai nama variabel. Kata
tercadang adalah kata yang sudah built in dalam javascript yang sudah bermakna khusus.
Penggunaan kata tercadang ini akan mengakibatkan error.
Contoh deklarasi variable :
Tipe Data
Tipe data pada javascript meliputi : String, Integer, Float, Array, Object dan Booleans. Tipe data
string adalah data yang memuat karakter, misalnya “Malang”. String adalah sebarang text yang
ada di dalam tanda petik, baik petik ganda (“) maupun petik tunggal (‘). Tipe data integer dan
float merupakan tipe data numerik. Dalam mendeklarasikan tipe data object digunakan tanda

kurung kurawal ({ … } ). Setiap property dalam tipe data object dipisahkan dengan menggunakan
tanda koma (, ). Tipe data Booleans terdiri dari dua nilai, yaitu true atau false. Berikut beberapa
contoh penggunaan tipe data pada javascript.
Contoh tipe data :
Operator
Operator Aritmatika
Operator aritmatika digunakan untuk melakukan operasi aritmatika antara variabel dan atau
nilai. Misal diberikan y = 5, tabel berikut menjelaskan tentang operator aritmatika.

Operator Pemberian Nilai
Operator pemberian nilai digunakan untuk memberikan nilai pada variabel. Dalam contoh berikut,
diberikan x = 10, dan y = 5. Tabel berikut menjelaskan operator pemberian nilai.
Operator Pembanding
Operator pembanding digunakan dalam pernyataan logika untuk menentukan kesamaan atau
perbedaan diantara nilai-nilai. Diberikan nilai X = 5, tabel dibawah ini menjelaskan operator pembanding
Operator Logika
Operator logika digunakan untuk menunjukkan nilai kebenaran antara beberapa variabel atau beberapa
nilai. Diberikan nilai X = 6 dan Y = 3, table dibawah menjelaskan operator logika.

Operator Bersyarat
Javascript juga memuat operator bersyarat yang memberikan suatu nilai ke suatu variabel berdasarkan
kondisi yang sama
Contoh :
12.3 Kelebihan dan kekurangan Javascript
Kelebihan dan Kekurangan Javascript
Kelebihan Javascript
 Ukuran file kecil, Script dari javascript memiliki ukuran yang kecil sehinggaketika web
yang memiliki javascript ditampilkan di browser maka akses tampilannya akan lebih
cepat dibandingkan ketika browser membuka suatu web yang memiliki script java. Hal
ini juga sangat berkepentingan dengan daya kerja server. Semakin kecil space suatu web
yang disimpan dalam suatu server maka daya kerja server ketika di browsing oleh user
di internet akan tidak terlalu berat, Mudah untuk dipelajari
 Terbuka, Javascript tidak terikat oleh hardware maupun software tertentubahkan
system operasi seperti windows maupun unix. Karena ia bersifat terbuka, maka ia dapat
dibuat maupun di baca di semua jenis komputer.

Kekurangan Javascript
 Script tidak terenkripsi, karena javascript bersifat client side, maka script yangkita buat
di text editor dan telah dijadikan web di server, ketika user me-request web dari server
tersebut maka sintak javascript akan langsung ditampilkan di browser. User bisa melihat
dan menirunya dari sourcenya.
 Kemampuan terbatas, Walaupun javascript mampu membuat bentuk webmenjadi
interaktif dan dinamis, namun javascript tidak mampu membuat program aplikasi
sendiri seperti java.
 Keterbatasan Objek, Javascript tidak mampu membuat kelas-kelas yang
bisamenampung objek-objek tambahan seperti java karena javascript teleh memiliki
objek yang built-in pada sturktur bahasanya.
12.4 Praktikum
Latihan 1 : Buatlah script berikut ini. Jalankan script dan berilah komentar
Latihan2 : Buatlah script berikut ini. Jalankan script dan berilah komentar


Latihan 5 :
Buatlah kode program untuk tampilan berikut ini : Rumus nilai = UTS x70% + UAS x 30%


Pengenalan Javascript

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Pengenalan Javascript

Diunggah oleh

Hak Cipta:

Format Tersedia

Web Desain (ADM 3326)

Modul 12. Pengantar Javascripts

12.1 Pengenalan javascripts

Sekilas Tentang Javascripts

Cara penulisan javascripts

1. Penulisan javascript secara langsung pada kode HTML (embed)

Rika Febriana, SKom, MMSI Page 1

Rika Febriana, SKom, MMSI Page 2

Memberi Komentar pada Javascript.

Rika Febriana, SKom, MMSI Page 3

12.2 Type data, Operator dan Variable

Tipe Data dan Variabel pada Javascript

1. Nama variabel harus dimulai dengan huruf

Contoh deklarasi variable :

Rika Febriana, SKom, MMSI Page 4

Contoh tipe data :

Rika Febriana, SKom, MMSI Page 5

Operator Pemberian Nilai

Rika Febriana, SKom, MMSI Page 6

12.3 Kelebihan dan kekurangan Javascript

Kelebihan dan Kekurangan Javascript

Rika Febriana, SKom, MMSI Page 7

Rika Febriana, SKom, MMSI Page 8

Rika Febriana, SKom, MMSI Page 9

Rika Febriana, SKom, MMSI Page 10

Rika Febriana, SKom, MMSI Page 11

Anda mungkin juga menyukai