Membuat Website Counter Bilangan dengan JQuery

Tugas 6 PWeb

Link


Deskripsi Tugas

Pada tugas ini, saya membuat website penghitungan (counter) bilangan menggunakan JQuery.


Dokumentasi Website

Penjelasan Kode

File index.html


Saya membangun tampilan website menggunakan bantuan Tailwindcss. Saya memberikan id counter-value pada bilangannya, btn-add pada tombol tambah, dan btn-subtract pada tombol kurang.



Saya menyimpan elemen yang mengandung bilangan pada variabel counterValue dengan syntax $("#counter-value") sesuai ID-nya.
Lalu, saya juga menambahkan event handler untuk click pada tombol tambah (btn-add) dan tombol kurang (btn-subtract). Jika tombol tambah ditekan, maka nilai bilangan akan ditambah 1. Jika angka saat ini lebih besar dari 0 dan tombol kurang ditekan, maka bilangan akan dikurangi 1.

Komentar

Posting Komentar

Postingan populer dari blog ini

Membuat Website Profil Diri

Gambar
Tugas 1 PWeb Link Penting Lihat Website Lihat Portofolio Deskripsi Tugas Pada tugas ini, saya membuat website profil diri yang berisikan biodata dan pengalaman saya. Dokumentasi Website Penjelasan Kode File index.html Pada header, saya meng- import font Monserrat dan file style.css Potongan kode di atas mempresentasikan halaman awal yang muncul pertama kali saat web dibuka. Section ini berisi gambar beserta teks pelengkap seperti nama, jurusan, serta link icon menuju sosial media. Section ini mempresentasikan bagian tentang diri saya yang hanya berisi heading dan teks. Section ini mempresentasikan preferensi teknologi y...
Baca selengkapnya

Membuat Form Upload Gambar

Gambar
Tugas 7 PWeb Link Lihat Portofolio Deskripsi Tugas Pada tugas ini, saya membuat aplikasi CRUD menggunakan PHP dan MySQL yang form-nya memiliki input gambar. Dokumentasi Website Halaman awal Halaman form pendaftaran Redirect ke halaman awal setelah pendaftaran sukses Halaman daftar siswa Halaman edit data Redirect ke halaman daftar siswa setelah berhasil melakukan perubahan data. Nama data pertama berubah dari ITS menjadi ITS Surabaya Jika tombol hapus ditekan, maka data terhapus. Gambar di bawah m...
Baca selengkapnya

Membuat Web dengan Styling Bootstrap

Gambar
Tugas 5 PWeb Link Penting Lihat Website Lihat Portofolio Deskripsi Tugas Pada tugas ini, saya membuat website dengan styling bootstrap Dokumentasi Website Penjelasan Kode File index.html Pada head HTML di atas, saya menuliskan judul web pada tag title dan meng- import file bootstrap serta css custom milik saya. Kode di atas mempresentasikan header pada web. Saya mengisi navbar di dalam tag header. Styling navbar dibentuk dengan warna gelap, ditandai dengan class dark . Opsi navigasi navbar dibentuk menggunakan tag anchor . Kode di atas membentuk jumbotron atau banner pada web yang berisikan heading 1 dan teks paragraf. Kode di atas membentuk tam...
Baca selengkapnya