Tugas JQuery

JQuery

     Halo semuanya, pada kesempatan kali ini, kami diminta untuk mengaplikasikan JQuery. Untuk tugas pertama, kami mengimplementasikan JQuery dengan menambahkan daftar list buku baru yang disimpan di dropdown. Untuk tugas kedua, kami diminta untuk mengimplementasikan animasi sederhana menggunakan library JQuery UI. 


Tugas-1 (Book List)

Berikut merupakan tampilannya :

  • Sebelum buku ditambahkan

  • Setelah buku ditambahkan

Tugas-2 (Animation)

Berikut merupakan tampilannya :

  • Tampilan Awal

  • Setelah klik tombol "Toggle Efect" 1 kali


  • Setelah klik tombol "Toggle Efect" 2 kali
   

Source Code

    Adapun untuk source codenya bisa diakses di : 


Deploy Web

    Hasil deploy tugas bisa diakses di :


TERIMA KASIH

Komentar

Posting Komentar

Postingan populer dari blog ini

Ticket Machine

Gambar
    Ticket machine berikut merupakan sistem mesin tiket, yang mana dalam hal ini ialah mesin tiket handshake JKT48. Dalam kasus ini, tiket handshake JKT48 memiliki besaran harga yang berbeda-beda, tergantung dari timnya, yang terdiri dari Team J, Team K-III, Team T, dan Academy. Sehingga nantinya, tiket yang keluar sebagai output merupakan tiket dari salah satu tim yang dipilih.     Berikut merupakan diagram classnya. 1.TicketMachine.java Source Code : /** * @author Sabrina Lydia S * @version 02/11/2020 */   public class TicketMachine { private int price; private int balance; private int total;   public TicketMachine(int cost) { price = cost; balance = 0; total = 0; }   /** * Return the price of a ticket */ public int getPrice() { return price; }   /** * Return the amount of money already inserted for the * next ticket. */ public i...
Baca selengkapnya

Login Panel

Gambar
  Pada kasus ini, terdapat sebuah login panel, dimana login panel ini membutuhkan username dan password untuk memasuki suatu aplikasi. Jika username dan password terdaftar di aplikasi tersebut, maka pengguna aplikasi dapat menggunakan aplikasi tersebut. Jika tidak atau salah memasukkan username dan password, maka pengguna tidak dapat memakai aplikasi tersebut. Di sini anya ada satu class dalam login panel ini yaitu class   Login.     Aplikasi ini menggunakan tiga library, yaitu: 1. javax.swing.*       :  untuk mengembangkan aplikasi GUI(Graphical User Interface). 2. java.awt.*             : sebagai penyedia kelas untuk GUI di java 3. java.awt.event.* : sebagai fungsi import yang digunakan untuk proses deklarasi dari Class event berisi komponen dari sebuah program yang dibuat. Source Code  import javax.swing.*; import java.awt.*; import java.awt.event.*; /** * Class Login berfungsi untuk melakukan lo...
Baca selengkapnya

ETS PWEB-A

Gambar
  ETS PWEB-A      Nama : Sabrina Lydia Simanjuntak      NRP     : 05111940000107 1.     -HTML element adalah sebuah  komponen yang menyusun dokumen HTML. Elemen kadang juga disebut sebagai node, karena ia merupakan salah satu jenis node yang menyusun dokumen HTML dalam diagram HTML tree. Elemen dibentuk dari tag pembuka, isi tag, dan tag penutup. Kadang juga ditambahkan beberapa atribut.   Contoh : <p align=”center”>Hello World!</p> Pada contoh di atas, terdapat satu elemen <p> dengan atribut align="center" dan memiliki isi berupa teks, yakni Hello World!. Elemen juga tidak selalu berisi teks, kadan g ia juga akan berisi elemen lain. Ini biasanya kita sebut dengan  nested element  atau elemen di dalam elemen. Contoh : <body>                <h1>Header</h1...
Baca selengkapnya