PWEB - Tugas 5 Membuat Program Jquery

 

Pemrograman Web

Tugas 5 - Membuat Program Jquery

Nama       : Wina Tungmiharja
NRP           : 5025201242

Kelas        : Pemrograman Web B

1. Deskripsi Tugas 

Membuat program counter angka dengan menggunkkan JQuery

2. Hasil

Hasil Pencarian : link website

Link Repository : Github

3. Penjelasan

 <div class="program">

   <button type="button" class="btn btn-min">-</button>

   <h1 class="number">0</h1>

   <button type="button" class="btn btn-plus">+</button>

</div>

terdapat dua button dengan class .btn-min .btn-plusdan juga hasil yang diberikan class .number

<script>

$(document).ready(function () {

    let number = $(".number").text();

    $(".btn-plus").on("click", function () {

        $(".number").html(++number);

    });

    $(".btn-min").on("click", function () {

        number > 0 && $(".number").html(--number);

    });

});

</script>

kemudian ketika dokumen sudah di-load di browser, maka kita akan menambahkan event-listener pada dokumen.

.btn-plusditekan, maka kita akan menambahkan angka dari elemen yang sudah dipilih dengan$(".number").text()

.btn-minditekan, maka kita akan mengurangi angka dari elemen yang sudah dipilih dengan$(".number").text()jika angka tersebut lebih dari nol (number > 0) maka akan dikurangi, untuk mencegah nilai negatif pada counter