Tugas 5 Pemrograman Web: Validasi Form dengan JavaScript

Nama: Farhan Arifandi

NRP: 05111940000061

Kelas: PWEB - B

Link tugas: https://farfnd.github.io/pweb/05-javascript/

Link repository: https://github.com/farfnd/pweb/tree/master/05-javascript

Pada post ini, saya akan menyampaikan hasil pengerjaan untuk tugas 5 Pemrograman Web yaitu mengimplementasikan JavaScript untuk validasi form pada website pendataan vaksinasi mahasiswa ITS.
Rangkuman fitur yang diterapkan dengan JavaScript:
  • Reset form setiap halaman dimuat.
  • Memunculkan daftar pilihan departemen berdasarkan fakultas yang dipilih.
  • Memunculkan daftar pilihan jenis vaksin jika status vaksinasi yang dipilih adalah 'Dosis 1' atau 'Dosis 2'.
  • Memunculkan daftar pilihan alasan belum vaksin jika status vaksinasi yang dipilih adalah 'Belum vaksin'.
  • Validasi input nama dan NRP menggunakan regex.
  • Memunculkan alert (menggunakan SweetAlert2) saat menekan tombol submit jika input nama/NRP tidak sesuai format, dan jika fakultas/status vaksinasi/jenis vaksin/alasan belum dipilih (masih default).

Tampilan halaman:

HTML:

JavaScript:

Comments

Post a Comment

Popular posts from this blog

Tugas 3 Pemrograman Web: Web Warung Tegal dengan HTML5 dan CSS

Image
Nama: Farhan Arifandi NRP: 05111940000061 Kelas: PWEB - B Link tugas: https://farfnd.github.io/pweb/03-html5/ Link repository: https://github.com/farfnd/pweb/tree/master/03-html5 Pada post ini, saya akan menyampaikan hasil pengerjaan untuk tugas 3 Pemrograman Web yaitu memodifikasi web Warung Tegal menjadi lebih responsif menggunakan HTML5 dan CSS. Rangkuman modifikasi: Menambahkan slider dan konten pada halaman beranda Tiap-tiap hyperlink yang terdapat pada header sudah dibuatkan halaman sendiri sehingga bisa diakses sebagaimana mestinya Ketika elemen hyperlink pada <aside> diklik, akan membuka halaman baru 1. Halaman beranda Source code: 2. Halaman daftar masakan Source code: 3. Ha
Read more

Evaluasi Tengah Semester Rekayasa Kebutuhan

Image
Nama: Farhan Arifandi NRP: 05111940000061 Kelas: RK B Jelaskan macam-macam kebutuhan yang harus digali di dalam membuat perangkat lunak! Business requirements Seperangkat informasi yang menjelaskan kebutuhan bisnis yang mengarah ke satu atau lebih proyek untuk menyediakan solusi, dan hasil akhir yang diinginkan dari bisnis tersebut. Contoh: Memberikan wadah pengembangan usaha bagi UMKM berupa sarana berjualan secara daring. Terdapat fitur untuk mengelola produk yang ditawarkan usaha yang menjadi pengguna aplikasi. Metode pembayaran terintegrasi dengan Gopay, sehingga dana bisa diterima dan dicairkan dalam bentuk saldo. User requirements Seperangkat tujuan atau tugas yang harus bisa dilakukan berbagai jenis pengguna dalam satu aplikasi, atau atribut produk yang diinginkan. Dapat berupa use case , user story , atau user scenario . Contoh: Pengguna dapat menambahkan, melihat, mengubah, dan menghapus barang yang dijual oleh usahanya. Pengguna dapat melihat riwayat pesanan Gofood
Read more

Evaluasi Akhir Semester Pemrograman Web

Image
Nama: Farhan Arifandi NRP: 05111940000061 Kelas: PWEB - B Definisikan fitur dari aplikasi yang akan dibangun Jawab: Admin Login Menambahkan, melihat, memperbarui dan menghapus data siswa Menambahkan, melihat, memperbarui dan menghapus data orang tua Menambahkan, melihat, memperbarui dan menghapus data guru Menampilkan dashboard yang berisi jumlah siswa dan orang tua yang aktif. Mampu membuat slip pembayaran Guru Login Menambah, melihat, memperbarui, dan menghapus tugas siswa Menambah, memperbarui, dan menghapus kelas Memperbarui kehadiran siswa Menambah, melihat, memperbarui, dan menghapus materi pelajaran Melihat daftar nilai siswa Siswa Login Melihat jadwal pembelajaran Melihat nilai tugas mata pelajaran Mengunggah tugas Melihat materi mata pelajaran Wali Murid Login Melihat informasi siswa Melihat invoice pembayaran Melakukan pembayaran Rancang aplikasi menggunakan Figma Jawab: Admin: Halaman Login Admin: Halaman Daftar Guru
Read more