Penugasan 5 Pemrograman Web (JavaScript dan Form)

 JavaScript adalah bahasa pemrograman web yang bersifat Client Side Programming Language. Client Side Programming Language adalah tipe bahasa pemrograman yang pemrosesannya dilakukan oleh client. Aplikasi client yang dimaksud merujuk kepada web browser seperti Google Chrome dan Mozilla Firefox. JavaScript pada awal perkembangannya berfungsi untuk membuat interaksi antara user dengan situs web menjadi lebih cepat tanpa harus menunggu pemrosesan di web server. Beberapa fungsi JavaScript antara lain untuk validasi form, animasi, chatting, efek-efek modern, hingga games.

Seperti yang telah disebutkan sebelumnya, salah satu kegunaan JavaScript adalah untuk validasi form. Berikut adalah salah satu contoh form presensi ETS yang saya buat (form), dan berikut adalah repository github saya (github)

Berikut adalah source code HTML dari form presensi ETS yang saya buat.

Berikut adalah source code CSS dari form presensi ETS yang saya buat.

Berikut adalah source code JavaScript dari form presensi ETS yang saya buat.

Pada code JavaScript di atas, terdapat beberapa proses pengecekkan pada form presensi ETS. Semua field harus diisi oleh user (tidak boleh ada yang kosong). Pada field nama, user harus mengisi hanya dengan alfabet. Kemudian pada field NRP, user harus mengisi hanya dengan angka. Lalu untuk file sertifikat, user hanya diperbolehkan mengunggah file dengan format jpg, png, atau pdf.

Berikut adalah contoh tampilan dari form presensi ETS yang saya buat

Sekian penjelasan mengenai JavaScript dan contoh implementasinya pada form presensi ETS. Mohon maaf apabila ada kekurangan dan kesalahan pada post ini. Terima kasih sudah membaca:)