Buku, tutorial, dan referensi lainnya

Siapkan HTML

<!DOCTYPE html>
<html>
<head>
    <title>Daftar Buku, Tutorial, dan Referensi</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
    <h1>Daftar Buku, Tutorial, dan Referensi</h1>
    <ul id="daftar"></ul>
    <input type="text" id="item" placeholder="Tambahkan buku, tutorial, atau referensi">
    <button id="tambah">Tambah</button>
</body>
</html>

Buat Script jQuery

Tambahkan skrip jQuery di bawah elemen HTML:

<script>
    $(document).ready(function() {
        $("#tambah").click(function() {
            var item = $("#item").val();
            if (item !== "") {
                $("#daftar").append("<li>" + item + "</li>");
                $("#item").val("");
            }
        });
    });
</script>

Tes

Buka halaman HTML di browser Anda. Anda akan dapat menambahkan buku, tutorial, atau referensi ke daftar dengan mengisi input dan mengeklik tombol "Tambah".

Semoga tutorial ini membantu Anda untuk memulai dengan jQuery! Anda dapat memodifikasi dan mengembangkan fungsionalitas sesuai kebutuhan Anda.

PREVIOUS
NEXT