Welcome to my blog! Today a reader, tomorrow a leader🔥

Tugas PWEB 8

JQuery

    Halo semuanya, kali ini saya akan menjelaskan mengenai tugas yang sudah diberikan sebelumnya, yakni tentang JQuery. Dimana, tugas JQuery ini terbagi menjadi 2, yaitu Menambahkan Data dan Membuat Form Validator menggunakan JQuery. Dan disini kedua tugas tersebut saya gabung ke dalam 1 laman web. Untuk melihat tampilan program yang sudah di-deploy, anda bisa klik langsung disini. Dan berikut ini adalah screenshot tampilan dari 2 program JQuery yang telah saya buat.

1. Main Page

Pada halaman ini, anda bisa memilih antara menambahkan buku baru ke daftar anda, atau memilih form validator.

2. Book List Page

Pada halaman ini ada kolom untuk mengisikan buku baru yang ingin anda masukkan ke daftar buku anda. Dan nantinya akan muncul option dari buku-buku yang sebelumnya sudah anda masukkan.

3. Form Validator Page

Pada halaman ini berisikan form yang dimana nantinya anda akan mengisikan data diri anda secara benar dan lengkap sesuai yang diminta. Jika ada kolom yang belum terisi, maka akan muncul warning disebelah kanan kolom yang bertuliskan "This Field is Required".

4. Terakhir, ada box dengan tulisan "Back" yang berguna untuk balik ke Main Page.

                    

SOURCE CODE

1. index.html

2. book.html

 

3. validator.html

4. style.css

    Baiklah, sekian penjelasan tugas yang telah saya kerjakan dengan semaksimal mungkin, mohon maaf bila ada kesalahan, terimakasih atas perhatiannya, Wassallammualaikum wr.wb.

Nama : Julietta Anastasia Rodiah Br Panjaitan

NRP : 05111940000033

Kelas : PWEB D 2021