0% menganggap dokumen ini bermanfaat (0 suara)
25 tayangan26 halaman

Javascript

Javascript digunakan untuk membuat website interaktif, dan dapat ditulis secara inline, internal, atau eksternal. Event merupakan perlakuan terhadap elemen HTML seperti input, klik, atau muat halaman. Fungsi memungkinkan penulisan ulang kode.

Diunggah oleh

KevinPrilian
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
0% menganggap dokumen ini bermanfaat (0 suara)
25 tayangan26 halaman

Javascript

Javascript digunakan untuk membuat website interaktif, dan dapat ditulis secara inline, internal, atau eksternal. Event merupakan perlakuan terhadap elemen HTML seperti input, klik, atau muat halaman. Fungsi memungkinkan penulisan ulang kode.

Diunggah oleh

KevinPrilian
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 26

TIB22 – PERANCANGAN

PEMROGRAMAN WEB
JAVASCRIPT
Pertemuan ke-9 dan 10
Sub-CPMK
Mahasiswa mampu menggunakan JavaScript dalam
dokumen web agar website menjadi interaktif (C3, A3)

Materi
1. Pengenalan JavaScript
2. Dasar-Dasar JavaScript
3. Function
4. Event
1. Pengenalan JavaScript
1.1 JavaScript
• Javascript adalah bahasa script yang berjalan
pada web browser dan digunakan untuk objek
yang dimasukkan (embedded) di aplikasi lain.
• Javascript tidak memerlukan kompilator atau
penerjemah khusus karena browser telah
memiliki kompilator tersebut
• Javascript berbeda dengan Pemrograman Java
2. Dasar-Dasar JavaScript
2.1 Kotak Dialog
• Terdapat 3 macam kotak dialog pada
JavaScript yaitu sebagai berikut:
– alert() digunakan untuk menampilkan pesan
tertentu kepada pengguna.
– confirm() digunakan untuk meminta
konfirmasi pada pengguna yang dimana
pengguna dapat menekan salah satu tombol
“Ok” atau “Cancel”
– prompt() digunakan untuk meminta masukka
data dari pengguna.
2.1 Kotak Dialog (Lanj..)
Code Output
2.2 Penggunaan JavaScript
• Pada penggunaannya JavaScript dibedakan
menjadi 3 macam.

a. Inline
b. Internal
c. Eksternal
2.3 Inline
• JavaScript Inline biasanya digunakan jika kode
JavaScript hanya sedikit atau sekedar
memanggil function.
• Penulisan kode JavaScript melalui cara ini
yaitu dengan meletakan kode setelah attribut
event pada tag HTML.
2.3 Inline (Lanj..)
Code

Output
2.4 Internal
• JavaScript Internal biasanya digunakan jika
kode JavaScript terdiri dari bebera[a naris
tetapi tidak terlalu panjang.
• Penulisan kode JavaScript melalui cara ini
yaitu dengan meletakan kode JavaScript
didalam tag <script> . . . </script> yang
disertakan dalam tag <head> . . . </head>
maupun <body> . . . </body>
2.4 Internal (Lanj..)
Code

Output
2.5 Eksternal
• JavaScript Eksternal yaitu penulisan JavaScript
disimpan dalam file tersendiri dengan ekstensi “.js”
dan terpisah dengan file HTML.
• Pada javascript eksternal untuk memanggil file
javascript memerlukan tag <script src=“…”></script>
dan ditaruh didalam tag head.
• JavaScript Eksternal biasanya digunakan jika kode
JavaScript sangat panjang.
2.5 External (Lanj..)
Code external.html Code skrip.js

Output
3. Function
3.1 Function
• Function merupakan blok program yang dapat
digunakan secara berulang-ulang dengan
memanggil nama function.
• Function dapat mengembalikan sebuah nilai
dengan perintah return atau tanpa
mengembalikan nilai.
• Pemanggilan function yang mengembalikan
nilai dapat digunakan sebagai nilai suatu
variabel.
3.1 Function (Lanj..)
Code

Output
4. Event
4.1 Event
• Event merupakan suatu perlakukan yang
dilakukan terhadap suatu elemen HTML.
• Event – event pada JavaScript :
1. Input Events
2. Mouse Events
3. Click Events
4. Load Event
4.2 Contoh Input Event
Code

Output
4.3 Contoh Mouse Event
Code Output
4.4 Contoh Click Event
Code Output
4.5 Contoh Load Event
Code Output
Ringkasan
• Javascript adalah bahasa script yang berjalan
pada web browser dan digunakan untuk objek
yang dimasukkan (embedded) di aplikasi lain.
• Pada penggunaannya JavaScript dibedakan
menjadi 3 macam yaitu inline, internal, dan
eksternal.
• Event merupakan suatu perlakukan yang
dilakukan terhadap suatu elemen HTML.
Terima Kasih

Anda mungkin juga menyukai