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>2. Buat file baru dengan nama script.js
<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>
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 () {5. Selesai, saat Tombol di klik maka akan muncul Alert.
$('#tombol').click(function () {
alert('Saya sedang belajar jQuery');
})
})
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"
Post a Comment