Skip to main content

JQuery Booklist dan Toggle Color Animation

Postingan berikut menjelaskan dokumentasi JQuery Booklist dan Toggle Color Animation. Kedua source code di-hosting menggunakan replit.com, sebuah IDE yang tersedia secara online.

Link JQuery Booklist: https://jquerybooklist.daniramadhan7.repl.co/

Link JQuery Toggle Color Animation: https://jquerycoloranimation.daniramadhan7.repl.co/

JQuery Booklist

Untuk JQuery Booklist ini dilakukan beberapa modifikasi dengan menambahkan Bootstrap CDN untuk membuat tampilan terlihat lebih bagus. User dapat menuliskan nama buku dan menambahkannya, kemudian dapat memilih buku yang telah ditambahkan pada dropdown Select Book.

HTML

JQuery Toggle Color Animation

Untuk JQuery Toggle Color Animation ini dilakukan modifikasi dengan menambahkan Bootstrap CDN untuk membuat tampilan terlihat lebih bagus. Saat menekan tombol Toggle Effect, Animate Box akan melebar dan berubah warna menjadi merah. Klik tombol Toggle Effect lagi untuk membuatnya seperti semula.

Link JQuery Toggle Color Animation: https://jquerycoloranimation.daniramadhan7.repl.co/

HTML

Sekian post tentang dokumentasi JQuery Booklist dan Toggle Color Animation ini. Semoga bermanfaat.

Comments

  1. Nice PostDecember 6, 2021 at 6:34 PM

    Nama: Ramadhan Arif Hardijansyah
    NRP: 05111940000162
    Kelas: Pemrograman Web A
    Tahun: 2021

    Link Booklist Jquery : Booklist
    Link Toggle Jquery : Toggle
    Link Blog : Blog

    ReplyDelete

Post a Comment

Popular posts from this blog

Java Exception Handling

Postingan ini membahas sebuah program tambahan tentang exception handling . Disini seolah-olah bertindak sebagai tester. Dan program yang akan dimodifikasi adalah program SimpleCalculator . Program SimpleCalculator adalah sebuah program kalkulator sederhana yang menggunakan switch..case dalam Java. Program bisa melakukan operasi pertambahan, pengurangan, perkalian, dan pembagian. Program SimpleCalculator ini dibuat menggunakan bahasa pemrograman Java dan bisa di-compile menggunakan IDE BlueJ. Dalam aplikasi ini, dicoba untuk ditambahkan catch exception untuk mengetes bagimana pembagian suatu angka dengan angka nol. Dicari modul kelas yang merupakan operasi pembagian dan dimodifikasi agar bisa mengetes operasi pembagian dengan penyebut angka nol. Exception Handling Exception Handling adalah sebuah proses menanggapi terjadinya exception, menangani runtime error seperti ClassNotFound, IO, SQL, Remote , dsb.  Exception adalah suatu kondisi tidak normal yang membutuhkan pemrosesan...
Post a Comment
Read more

Java Classes and Objects: A Deeper Look

Pada post kali ini, kita ingin melihat lebih dalam pada pembuatan class , mengontrol akses kepada member dari sebuah class dan membuat constructors . Kita juga ingin mendiskusikan composition - sebuah kemampuan yang bisa membuat suatu kelas memiliki referensi kepada objek dari kelas-kelas lainnya sebagai member. 8.2 TIME CLASS CASE STUDY Time1 Class Declaration Contoh awal ini kita memiliki 2 kelas, Time1 dan Time1Test. Kelas Time1 merepresentasikan waktu hari ini. Kelas Time1Test adalah kelas aplikasi dimana main  membuat satu objek kelas Time1 dan memanggil method -nya. Fig. 8.1. Time1 class declaration maintains the time in a 24-hour format. /** * // Fig. 8.1: Time.java * // Time1 class declaratoin maintains the time in 24-hour format. * * @author Ramadhan Arif Hardijansyah * @version 0.1 10 October 2020 */ public class Time1 { private int hour; // 0 - 23 private int minute; // 0 - 59 private int second; // 0 - 59 /* set a new time value using univers...
Post a Comment
Read more

Dokumentasi Proses Pembuatan Website

Postingan berikut menjelaskan dokumentasi proses pembuatan website yang berisi beberapa konten tentang curriculum vitae. Website di-hosting menggunakan salah satu web hosting provider yang menyediakan layanan hosting gratis. Link Website CV:  ramadhanarif.000webhostapp.com Prosedur Pembuatan Website Curriculum Vitae 1. Daftar Hostinger.co.id Hostinger.co.id adalah salah satu layanan hosting yang menyediakan hosting website secara gratis dengan fitur terbatas. 2. Belajar kursus HTML melalui SoloLearn Setelah melalui beberapa rangkaian latihan dan praktik, di bagian HTML Basics, terdapat Blog Project: Putting It All Together. Disini, pelajaran, latihan, dan praktik yang telah dipelajari sebelumnya digabung menjadi satu dan menghasilkan blog yang sederhana dan bagus. Contoh kode HTML juga disediakan agar dapat dipelajari dan dikembangkan lebih lanjut. 3. Pelajari contoh code HTML Blog Project: Putting It All Together...
Post a Comment
Read more