Vocational School Graduate Academy

Junior Web Developer

Pertemuan #7:
Membuat Login Validation dan Order Form
Profil Pengajar
Contact
HP WA only :<no hp Pengajar>
Email :<email Pengajar>
Jabatan Akademik <tahun dan jabatan terakhir Pengajar> Foto
Pendidikan Pengajar
❑ <riwayat pendidikan Pengajar>

Contact
HP WA only :<no hp Pengajar>
Riwayat Pekerjaan Email :<email Pengajar>
❑ <riwayat pekerjaan Pengajar> Foto
Pengajar
Login Validation
❖Menampilkan pesan jika email dan password yang
dimasukkan tidak sesuai dan menampilkan alert jika sesuai.

❖Untuk kasus di dunia nyata, validasi dilakukan di server

dengan menggunakan ajax.
Membuat Login Validation
❖ Buatlah 3 buah file terpisah

❖ File login.html, tampilan.css dan file app.js

Latihan Membuat Login Validation
Jika Email atau Password Salah
Jika Email atau Password Salah
Latihan Membuat Order Form

❖ Membuat aplikasi untuk menampilkan daftar menu yang bisa

dipilih dan kemudian menampilkan jumlah biaya yang harus
dibayarkan.

❖ Harga akan langsung berubah ketika daftar menu dipilih

sesuai dengan harganya.
Latihan Membuat Order Form
Latihan Membuat Order Form
Kesimpulan
Secara umum operasi yang dilakukan pada sebuah aplikasi
javascript adalah:

❖ Seleksi elemen di DOM

❖ Manipulasi DOM (mengubah atribut elemen seperti class)
❖ Membuat elemen
❖ Menambah eventListener pada elemen sehingga interaktif
Referensi
1. www.w3school.com
2. www.getbootstrap.com
3. https://jsfiddle.net
TERIMA KASIH