Praktikum Modul 4: Integrasi JavaScript dan Validasi Logika Form

Praktikum Modul 4: Pemrograman JavaScript Sisi Klien dan Validasi Logika Formulir

Praktikum laboratorium keempat memperkenalkan logika pemrograman JavaScript pada browser untuk menangani interaksi pengguna secara real-time dan memvalidasi formulir sebelum diproses lebih lanjut.

1. Sasaran Praktikum

• Memahami integrasi skrip JavaScript ke dalam HTML menggunakan tag <script>.
• Menguasai manipulasi Document Object Model (DOM) menggunakan metode modern (document.getElementById, document.querySelector).
• Memasang event listener (addEventListener) untuk mendeteksi event formulir seperti submit, input, change, dan click.

2. Algoritma Validasi Sisi Klien

Mahasiswa membangun skrip validasi khusus untuk memeriksa:

1. Panjang Karakter Kata Sandi: Memastikan password memiliki panjang minimum 8 karakter dan memuat kombinasi huruf dan angka.
2. Kesesuaian Konfirmasi Sandi: Memeriksa kesamaan nilai antara input password utama dan kolom konfirmasi password.
3. Pesan Kesalahan Dinamis: Memunculkan teks peringatan berwarna merah secara instan di bawah input field yang bermasalah tanpa me-reload halaman browser.

3. Berkas Terlampir

• Laporan Praktikum (TPP 4): Berkas 24-085_Moch. Zamroni Fahreza_TPP4.pdf yang mencantumkan kode JavaScript logika validasi, alur pencegahan pengiriman data gagal melalui event.preventDefault(), serta dokumentasi tangkapan layar pengujian antarmuka.