BAB XV

Pengenalan Java Script

A. Capaian Pembelajaran
Pada bab ini mempelajari penggunaan bahasa
pemrograman java script untuk halaman web dinamis saat
dterapkan ke halaman HTML Setelah mempelajari bab
ini, mahasiswa dapat menggunakan dan
mengimplementaskan Bahasa javascript dalam HTML.

B. Materi
B.1 Pendahuluan

JavaScript (js) adalah bahasa pemrograman

berorientasi objek ringan yang digunakan oleh
beberapa situs web untuk membuat skrip halaman web.
Js adalah bahasa pemrograman lengkap yang
memungkinkan interaktivitas dinamis di situs web saat
diterapkan ke dokumen HTML. Js diperkenalkan pada
tahun 1995 untuk menambahkan program ke halaman
web di browser Netscape Navigator. Sejak itu, telah
diadopsi oleh semua browser web grafis lainnya.
Dengan JavaScript, pengguna dapat membuat aplikasi
 web modern untuk berinteraksi secara langsung tanpa
perlu memuat ulang halaman setiap saat. Situs web
tradisional menggunakan js untuk menyediakan
beberapa bentuk interaktivitas dan kesederhanaan.
Meskipun, js tidak memiliki konektivitas dengan
bahasa pemrograman Java. Nama itu disarankan dan
diberikan pada saat Java mulai populer di kalangan
programmer dan pengembang. Selain browser web,
database seperti CouchDB dan MongoDB
menggunakan JavaScript sebagai bahasa skrip dan
kueri nya .

B.2 Fitur pada JavaScript

Ada beberapa fitur JavaScript berikut:

1. Semua browser web populer mendukung

JavaScript karena menyediakan lingkungan
eksekusi bawaan.
2. JavaScript mengikuti sintaks dan struktur bahasa
pemrograman C. Jadi, ini adalah bahasa
pemrograman terstruktur.
3. JavaScript adalah bahasa weakly type , di mana
jenis tertentu dilemparkan secara implisit (type data
tidak dideklarasi dan tergantung pada operasinya)
4. JavaScript adalah bahasa pemrograman
berorientasi objek yang menggunakan prototipe
daripada menggunakan kelas untuk pewarisan.
 5. JavaScript adalah bahasa yang berbobot ringan dan
ditafsirkan. bahasa ini peka terhadap huruf besar-
kecil (case sensitrive) .
6. JavaScript didukung di beberapa sistem operasi
termasuk, Windows, macOS, dll.
7. JS memberikan kontrol yang baik kepada pengguna
melalui browser web.

B.3 Sejarah JavaScript

Pada tahun 1995, JavaScript dibuat oleh
pengembang Netscape bernama Brendan Eich. Pertama,
namanya Mocha. kemudian, namanya diubah menjadi
LiveScript.
Netscape memutuskan untuk mengubah LiveScript
menjadi JavaScript untuk memanfaatkan ketenaran Java,
yang populer. Keputusan tersebut diambil sesaat sebelum
Netscape merilis produk browser webnya Netscape
Navigator 2. Hasilnya, JavaScript memasuki versi 1.0.
Netscape merilis JavaScript 1.1 di Netscape
Navigator 3. Sementara itu, Microsoft memperkenalkan
produk browser web bernama Internet Explorer 3 (IE 3), yang
bersaing dengan Netscape. Namun, IE hadir dengan
implementasi JavaScriptnya sendiri yang disebut JScript.
Microsoft menggunakan nama JScript untuk menghindari
kemungkinan masalah lisensi dengan Netscape. Sehingga ,
dua versi JavaScript yang berbeda ada di pasar yakni :
JavaScript oleh Netscape Navigator dan JScript oleh Internet
Explorer.
JavaScript tidak memiliki standar yang mengatur
sintaks dan fiturnya dan komunitas memutuskan bahwa
sudah waktunya untuk membakukan bahasa js.
Pada tahun 1997, JavaScript 1.1 diajukan ke
European Computer Manufacturers Association (ECMA)
sebagai proposal. Komite Teknis #39 (TC39) ditugaskan
untuk membakukan bahasa untuk membuatnya menjadi
bahasa scripting tujuan umum, lintas platform, dan vendor-
netral. TC39 hadir dengan ECMA-262, sebuah standar untuk
mendefinisikan bahasa scripting baru bernama ECMAScript
(sering diucapkan Ek-ma-script). Setelah itu, Organisasi
Internasional untuk Standardisasi dan Komisi Elektroteknik
Internasional (ISO/IEC) mengadopsi ECMAScript (ISO/IEC-
16262).

B.4 Penerapan JavaScript

JavaScript digunakan untuk membuat situs web
interaktif. Ini terutama digunakan untuk:
1. Validasi sisi klien,
2. Menu drop-down dinamis,
3. Menampilkan tanggal dan waktu,
4. Menampilkan jendela pop-up dan kotak dialog
(seperti kotak dialog peringatan, kotak dialog
konfirmasi dan kotak dialog prompt),
5. Menampilkan jam dan tanggal waktu sekarang dll.
B.5 Contoh Penggunaan kode JavaScript
Contoh Javascript mudah dikodekan. JavaScript
menyediakan 3 tempat untuk meletakkan kode JavaScript:
yaitu :

1. Di antara tag body html

2. Di antara tag head html
3. Di dalam file .js (External javaScript)

1. Di antara tag body html

Pada contoh ini , kita akan menampilkan konten

dinamis menggunakan JavaScript sederhana untuk
menampilkan kotak dialog peringatan atau Pertanyaan .

Hasil pada browser chrome :

2. Di antara tag Head html

Contoh berikut adalah menampilkan kotak dialog

peringatan JavaScript yang terdapat di dalam tag head.
Dalam contoh ini, kita membuat fungsi msg(). Untuk
membuat fungsi dalam JavaScript, kita perlu menulis
fungsi dengan function_name seperti yang diberikan di
bawah ini.
Untuk memanggil fungsi, kita perlu mengerjakan
event. Di sini kita menggunakan event onclick untuk
memanggil fungsi msg().
 Hasil run pada Browser :

Selanjutnya pada saat kita klik tombol click hasil nya

adalah

3. Di dalam file .js (External javaScript)

Kita dapat membuat file JavaScript eksternal dan
menyematkannya di banyak halaman html.
 Ini memberikan kegunaan kembali kode karena satu
file JavaScript dapat digunakan di beberapa halaman
html.

File JavaScript eksternal harus disimpan dengan

ekstensi .js. Disarankan untuk menyematkan semua file
JavaScript ke dalam satu file. Ini meningkatkan
kecepatan halaman web.

Mari buat file JavaScript eksternal yang mencetak

Hello Mahasiswa/I di kotak dialog .

Simpan nama file tersebut dengan nama message.js

Selanjutnya kita buat mari sertakan file JavaScript ke

halaman html. Pemanggilan fungsi JavaScript adalah pada
tombol click .
Hasil pada Browser

Dan ketika klk tombol click hasilnya adalah :

 Keuntungan menggunakan JavaScript External
Manfaat berikut jika pengguna membuat javascript
external:
1. Membantu dalam penggunaan kembali kode di lebih
dari satu file HTML.
2. Memungkinkan pembacaan kode yang mudah.
3. menghemat waktu karena browser web meng-cache
file js eksternal, yang selanjutnya mengurangi waktu
pemuatan halaman.
4. memungkinkan perancang web dan pembuat kode
untuk bekerja dengan file html dan js secara paralel
dan terpisah, yaitu, tanpa menghadapi konflik kode
apa pun.
5. Panjang kode berkurang karena hanya kita yang perlu
menentukan lokasi file js.

Kerugian Menggunakan JavaScript External

Ada kerugian berikut dari penggunan file external:

1. Pencurian kode dengan mengunduh pembuat kode

menggunakan url file js.
2. Jika dua file js bergantung satu sama lain, maka
kegagalan dalam satu file dapat memengaruhi
eksekusi file dependen lainnya.
3. Peramban web perlu membuat permintaan http
tambahan untuk mendapatkan kode js.
 4. Perubahan kecil hingga besar pada kode js dapat
menyebabkan hasil yang tidak terduga di semua file
yang bergantung padanya.
5. Kita perlu memeriksa setiap file yang bergantung
pada file javascript eksternal yang biasa dibuat.
6. Jika hanya beberapa baris kode, lebih baik
menerapkan kode javascript internal.

B.6 Komentar Pada JavaScript

Komentar pada JavaScript adalah cara untuk

menyampaikan pesan. Komentar ini digunakan untuk
menambahkan informasi tentang kode, peringatan, atau
saran sehingga pengguna akhir dapat dengan mudah
menginterpretasikan kode tersebut.

Komentar JavaScript diabaikan oleh mesin JavaScript

yaitu disematkan di browser.

B.6.1 keuntungan dari komentar pada JavaScript.

ada dua keuntungan dari komentar pada JavaScript.

1. Untuk membuat kode mudah dipahami Ini dapat

digunakan untuk menguraikan kode sehingga
pengguna akhir dapat dengan mudah memahami
kode tersebut.
 2. Untuk menghindari kode yang tidak perlu juga dapat
digunakan untuk menghindari kode dieksekusi.
Terkadang, kita menambahkan kode untuk
melakukan beberapa tindakan. Namun setelah
beberapa waktu, mungkin ada kebutuhan untuk
menonaktifkan kode tersebut. Dalam kasus seperti
itu, lebih baik menggunakan komentar.

B.6.2 Jenis Komentar pada JavaScript

Ada dua jenis komentar dalam JavaScript.
1. Komentar baris tunggal (Single Line Comment)
2. Komentar multi-baris (Multi Line Comment )

1. Komentar baris tunggal (Single Line Comment )

Komentar ini diwakili oleh garis miring ganda (//).
Penulisan dapat digunakan sebelum dan sesudah
pernyataan.
contoh komentar baris tunggal yang ditambahkan
sebelum pernyataan.
 Contoh komentar baris tunggal yang ditambahkan setelah
pernyataan.

2. Komentar multi-baris (Multi Line Comment )

Ini dapat digunakan untuk menambahkan komentar

tunggal maupun multi baris. Jadi, ini lebih baik .
Penulisan diwakili oleh garis miring ke depan dengan
tanda bintang lalu tanda bintang dengan garis miring ke
depan. Sebagai contoh:

Penulisan dapat digunakan sebelum, sesudah dan di

tengah pernyataan.
C. Tugas / Latihan

Ketikan Kode javascript untuk even handler di bawah ini

Apa hasil output pada browser ?

D. Referensi
Adi, A. P. (2022). Panduan Cepat Belajar HTML, PHP, &
MYSQL. Elex Media Komputindo.

Jago Ngoding. (2022). HTML Dasar: Iframe. (diakses pada

11 November 2022). Tersedia pada
https://jagongoding.com/web/html/dasar/iframe/.

Learn JavaScript Tutorial (Diakses pada 5 Januari 2023)

tersedia di https://www.javatpoint.com/javascript-tutorial