Scribd
Unggah
65 tayangan

Modul Java Script

Modul ini membahas tentang JavaScript dasar untuk mahasiswa agar dapat mengoperasikan struktur dan objek pada JavaScript serta mempelajari form dan alat bantu seperti Sublime Text. Materi praktikum meliputi penjelasan teori, demo, dan latihan tentang objek, operator, pernyataan kondisi, looping, dan form pada JavaScript.

Diunggah oleh

anisa
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
65 tayangan

Modul Java Script

Modul ini membahas tentang JavaScript dasar untuk mahasiswa agar dapat mengoperasikan struktur dan objek pada JavaScript serta mempelajari form dan alat bantu seperti Sublime Text. Materi praktikum meliputi penjelasan teori, demo, dan latihan tentang objek, operator, pernyataan kondisi, looping, dan form pada JavaScript.

Diunggah oleh

anisa
Hak Cipta
© © All Rights Reserved
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 8

MODUL

Java Scripts I

4.1 Tujuan
a. Mahasiswa dapat mengoperasikan struktur java scripts
b. Mahasiswa dapat memakai objeck dan form pada java scripts

4.2 Materi
a. Java Scripts
b. Pemrograman
c. Form

4.3 Alat dan Bahan


a. Sublime Text
b. Page, Image

4.4 Prosedur Praktikum


a. Peserta membaca dan mempelajari materi praktikum sebelumny a
b. Instruktur menerangkan dan menjelaskan teori dan cara kerja
c. Peserta mempraktikan materi percobaan
d. Peserta membuat penyelesaian terhadap soal latihan

4.5 Teori
Sekilas tentang JavaScript
Javascript adalah bahasa skrip yang ditempelkan pada kode HTML dan diproses di sisi klien. Dengan
adanya bahasa ini, kemampuan dokumen HTML menjadi semakin luas. Sebagai contoh, dengan
menggunak an JavaScript dimungkinkan untuk memvalidasi masukan-masukan pada formulir
sebelum formulir dikirimkan ke server. Javascript bukanlah bahasa Java dan merupakan dua bahasa
yang berbeda. avascript diinterpretasikan oleh klien (kodenya bis a dilihat pada sisi klien), edangkan
kode java dikompilasi oleh pemrogram dan hasil kompilasinyalah yang dijalankan oleh klien.

Struktur JavaScript
Struktur dari JavaSc ript adalah sbb :
<SCRIPT LANGUAGE = ”JavaScri pt”>
<!- -
Penulisan kode javascript
// – - >
</SCRIPT>
Keterangan :
Kode <!- - // – - >
umumnya disertak an dengan tujuan agar sekiranya browser tidak mengenali JavaScript maka browser
akan memperlakukannya sebagai komentar sehingga tidak ditampilkan pada jendela browser.

JavaScript sebagai bahasa berorientasi pada obyek


Properti
Properti adalah atribut dari sebuah objek. Contoh, objek mobil punya properti warna mobil.
Penulisan :
Nama_objek.nama_properti = nilai
window. defaultStatus = ”Selamat Belajar JavaScript”;
Metode
Metode adalah suatu kumpulan kode yang digunakan untuk melakukan sesuatu tindakan
terhadap objek.
Penulisan :
Nama_objek.nama_metode(parameter)
document.write (”Hallo”)

Letak JavaScript dalam HTML


Skrip Javascript dalam dokumen HTM L dapat diletakkan pada :
1. Bagian Head
2. Bagian Body (jarang digunakan).

Latihan :
DASAR-DASAR JAVASCRIPT
1. Pemakaian alert sebagai property window
2. Pemakaian metode dalam objek.
3. Pemakaian prompt
Pemrograman di Java Scripts

Operasi relational
Seleksi kondisi (if..else)

Operasi dasar aritmatika


Penggunaan operator switch untuk seleksi kondisi Pemakaian looping < for >
Pemakaian looping < do..while >
Pemakaian looping < while >

Form
1. Form input :
2. Form button :
Latihan
1. Buat halaman html untuk mengkonversi nilai angka menjadi nilai huruf dengan menggunakan
javascript . Konversi : 0-40 =E
41-55=D
56-60=C
61-65=BC
66-70=B
71-80=AB
81-100=A
2. Buat halaman html untuk menampilkan aplikasi program kalkulator sederhana dengan
menggunakan javascript. Contoh tampilan :
Bil 1 dan Bil 2 merupakan text box, dapat diisi angka, bila tombol + atau – atau x atau /
ditekan, maka akan keluar bilangan pada text box hasil, dimana bilangan ini merupakan operasi
arithmetic sesuai dengan tombol yang ditekan.
<SCRIPT LANGUAGE = “JavaScript”>
<!–
document.write(“Dimodifikasi terakhir pada ” +
document.lastModified);
//–> </SCRIPT>
</BODY>
</HTML>

Anda mungkin juga menyukai