Gabriel Solomon Sitanggang: Oktober 2022

Minggu, 30 Oktober 2022

Pemrograman Web C | Tugas 6

Tugas Membuat Form Validation Menggunakan JQuery

Nama : Gabriel Solomon Sitanggang

NRP : 5025201165

Pada pertemuan ini, tugas yang diberikan yaitu membuat website menggunakan jQuery yang menampilkan form dengan validasi.

Link repository dapat diakses di link berikut.

Untuk dokumentasi websitenya bisa di akses di web berikut.

Atau bisa dilihat langsung di gambar di bawah ini

Selasa, 11 Oktober 2022

Pemrograman Web C | Tugas 5

LATIHAN JQUERY

Nama : Gabriel Solomon Sitanggang

NRP : 5025201165

Pada pertemuan ini, tugas yang diberikan yaitu membuat website yang menampilkan fungsi button sebagai click dan bisa menambah angkanya jika ditekan.

Link repository dapat diakses di link berikut. Atau bisa dilihat langsung dibawah ini

<!DOCTYPE html>  
<html>  
    <head>  
        <title>Latihan jQuery</title>  
        <meta charset="UTF-8">  
        <meta name="viewport" content="width=device-width, initial-scale=1.0">  
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">  
    </head>  
    <body>  
        <div class="container">  
            <div class="row">  
                <div class="d-flex align-items-center justify-content-center mt-5">  
                <p id="number" class="h4 text-justify"> 0 </p>  
                </div>  
                <div class="d-flex align-items-center justify-content-center mt-1">  
                <button type="button" id="add" class="btn btn-dark">TEKAN!!!</button>  
                </div>  
            </div>  
        </div>  
        <script src="https://code.jquery.com/jquery-3.6.1.min.js"></script>  
        <script> 
            $(document).ready(function() {  
                let counter = 1;  
                $("#add").click(function() {  
                $("#number").html(counter++);  
                console.log("TES");  
                if (number & 1) {  
                    $("#add").addClass("btn-warning");  
                    $("#add").removeClass("btn-dark");  
                }  
                else {  
                    $("#add").addClass("btn-dark");  
                    $("#add").removeClass("btn-warning");  
                }  
                });  
            });  
        </script>  
    </body>  
</html>

Untuk dokumentasi websitenya bisa di akses di web berikut. Atau bisa dilihat langsung di gambar di bawah ini

Gabriel Solomon Sitanggang