Tutorial jQuery #4 : Membuat Tombol Alert pada jQuery

Tutorial jQuery #4 : Membuat Tombol Alert pada jQuery

HobbyTekno - Pada postingan kali ini kita akan coba membuat Project sederhana yaitu membuat Alert Box menggunakan Event Click. Langsung saja simak langkah-langkahnya.

Tutorial jQuery #4 : Membuat Tombol Alert pada jQuery


1. Buat file .html baru, Ketik Tag Dasar HTML, link ke jQuery dan script.js, ketik seperti kode berikut
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Link ke jQuery -->
    <script src="jquery.js"></script>
    <!-- Link ke Script.js -->
    <script src="script.js"></script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tombol Alert</title>
</head>
<body>
</body>
</html>
2. Buat file baru dengan nama script.js
3. Pada file .html Kita tambahkan Tombol dengan ID "tombol" pada bagian <body>
<button id="tombol">Tombol Alert</button>
4. Pada script.js, kita ketik kode berikut. Ketika Tombol ditekan, tampilkan alert "Belajar jQuery"
$(document).ready(function () {
    $('#tombol').click(function () {
        alert('Saya sedang belajar jQuery');
    })
})
5. Selesai, saat Tombol di klik maka akan muncul Alert.

Anda bisa mengembangkannya sesuai keinginan anda, coba anda kembangkan menggunakan Alert CSS agar lebih menarik.

Sekian Tutorial jQuery #4 : Membuat Tombol Alert pada jQuery, semoga postingan Admin kali ini bermanfaat untuk anda. Jika ada kendala tanyakan saja pada komentar

No comments for "Tutorial jQuery #4 : Membuat Tombol Alert pada jQuery"