Posts

Showing posts from October, 2022

Tugas 6 Minggu ke-7 PWEB C

Image
  Membuat Form Validation Menggunakan JQuery     Tugas 6: Implementasi JQuery dan plugin validationnya dengan membuat form validation yang bertujuan agar input yang user masukkan sesuai dengan tipe kolom input yang tersedia agar informasi yang diberikan jelas dan sesuai dengan prosedur yang diharapkan.     Form berisi beberapa kolom dengan tipe data yang beragam dan semua kolom wajib terisi. Jika user salah atau tidak mengisi kolom maka akan muncul peringatan untuk mengisi kolom yang masih kosong atau dengan input yang benar. Gambar 1: Tampilan awal web form Gambar 2: Tampilan form saat user salah mengisi atau mengosongi kolom Gambar 3: Tampilan form saat data sesuai dan kolom terisi semua Source Code:   <! DOCTYPE html > < html lang = " en " >   < head >     < meta charset = " UTF-8 " />     < meta http-equiv = " X-UA-Compatible " content = " IE=edge " />     < meta name = " viewpo...

Tugas 5 Minggu-6 PWEB Kelas C

Image
Implementasi JQuery: Simple Click Counter Click counter ini adalah program sederhana hasil implementasi tugas pemrograman web topik "jquery" yang berfungsi sebagai penghitung jumlah klik yang ditampilkan pada layar. Terdapat 2 tombol pada program ini yaitu " count " sebagai pencatat tiap klik dan " reset " untuk mereset jumlah klik. Berikut hasil implementasi programnya: Kondisi awal program:  Tombol count diklik: Tombol reset diklik: Source code: <! DOCTYPE html > < html lang = " en " >   < head >     < meta charset = " UTF-8 " />     < meta http-equiv = " X-UA-Compatible " content = " IE=edge " />     < meta name = " viewport " content = " width=device-width, initial-scale=1.0 " />     < title >AchFerdi | Tugas 5</ title >     <!-- CSS only -->     < link       href = " https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/b...