Tugas 5: Membuat Form dengan Validasi Menggunakan Javascript

 Nama: Dyandra Paramitha Widyadhana

NRP: 05111940000119

Kelas: PWEB-B

Link Website: https://dydyandra.github.io/form-vaksinasi

Link Source Code: https://github.com/dydyandra/form-vaksinasi

Introduction

Pada penugasan ke-5, kami diminta untuk membuat form vaksinasi dengan menggunakan validasi dari JavaScript. 

Isi dari Form

Isi dari form terdiri atas beberapa input seperti nama, NRP, email, departemen, status vaksin,, uploa file sertifikat, dan perjanjian bahwa data yang iisi adalah benar. 

Komponen yang digunakan dalam form antara lain adalah form input, form select, dan button. 

Adapula komponen modal dan alert yang digunakan untuk validasi yang dilakukan saat selesai mengisi form. 

Tools Yang Digunakan: 

Untuk membuat, saya menggunakan HTML, dan CSS, dan JS.  

HTML sebagai markup language digunakan untuk membuat struktur dan konten dari website CV tersebut. HTML yang saya gunakan yaitu HTML:5.

CSS digunakan untuk menentukan layout, style, serta keselarasan halaman website. Pada tugas kali ini, saya menggunakan Bootstrap sebagai salah satu framework yang dapat digunakan. 

JS untuk menambahkan validasi input form, dan untuk menambahkan modal yang akan muncul apabila form sudah disubmit. 

Untuk men-deploy, saya menggunakan Github Pages. 

Gambar Form: 

Source Code:

Link Source Code: https://github.com/dydyandra/form-vaksinasi

Penutup

Form masih dapat dikembangkan lagi ke depannya, dengan menambahkan beberapa input form lain yang sekiranya penting dan menggunakan fungsi lain untuk dilakukan validasi. Adapun dari tugas ini, saya belajar lebih banyak tentang penggunaan JavaScript dan bagaimana cara mengimplementasikannya dalam bidang pengembangan web.