LAPORAN 7 PEMROGRAMAN WEB

JAVASCRIPT

2015

Pendidikan Teknik Informatika UNIVERSITAS NEGERI YOGYAKARTA

3/4/2015

DI SUSUN OLEH :

Juliani 14520249004

LAPORAN 7 PEMROGRAMAN WEB

JAVASCRIPT

2015

Pendidikan Teknik Informatika UNIVERSITAS NEGERI YOGYAKARTA

3/4/2015

2 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

Kompetensi

1. Mahasiswa dapat mengenal dan memahami Javascript

Sub Kompetensi

1. Mahasiswa dapat menguasai dasar- dasar JavaScript

2. Mahasiswa dapat menampilkan tanggal dan waktu dengan JavaScript

3. Mahasiswa dapat menampilkan kotak pesan (alert, confirm atau prompt)

dengan JavaScript

4. Mahasiswa dapat menampilkan pop up window dengan JavaScript.

A. SCRIPT

Bahan Diskusi 1.html

3 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

Bahan Diskusi 2.html

Bahan Diskusi 3.html

4 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

Bahan Diskusi 4.html

Bahan Diskusi 5.html

5 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

Bahan Diskusi 6.html

Bahan Diskusi 7.html

6 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

B. Gambar

Gambar Bahan Diskusi 1

Gambar Bahan Diskusi 2

7 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

Gambar Bahan Diskusi 3

Gambar Bahan Diskusi 4

8 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

Gambar Bahan Diskusi 5

9 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

Gambar Bahan Diskusi 6

10 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

11 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

12 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

13 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

Gambar Bahan Diskusi 7

14 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

C. Penjelasan Script

1. Pada Script Bahan Diskusi 1, pada baris ke 9 digunakan perulangan While, dimana

perulangan akan terus menerus hingga kondisi tak terpenuhi lagi.

2. Untuk Script Bahan Diskusi 2, pada ke 24 di tambahkan function show_hari() yang

berfungsi untuk memanggil file script pada baris ke 5, dan pada baris ke 8 dan 11 diberi

inisialisasi Array yang di panggil melalui baris 15 dan baris 16.

3. Untuk Script Bahan Diskusi 3 pada baris ke 7 terdapat .getElemenById yaiyu sebuah

metode dokumen objek dalam Document Object Model.

4. Fungsi dari X%2==0 pada baris ke 10 di Script Bahan Diskusi 4 mengartikan jika X di

Mod 2 akan menghasilkan nilai 0, maka akan di cetak Bilangan genap

15 | U n i v e r s i t a s N e g e r i Y o g y a k a r t a

5. Pada baris ke 8 untuk script Bahan Diskusi 6 digunakan document.gbColor yang berarti

memanggil warna background yang berasal pada bari onclick konfirmasi.

6. Dan pada Script Bahan Diskusi terakhir (7). Pada baris ke 5 menandakan pesan pertama

saat masuk, sedangkan pada Baris ke 7 terdapat kata window.promt yang berarti

menampilkan dialog ke user dari inputan yang diketikkan.

Bila user mengklik Sign In maka user akan melakukan Login dengan memasukkan Nama

dan Password, sedangkan jika user mengklik Sing Up maka user akan di arahkan menuju

Bahan Diskusi 7a yang berisi form pendaftran.