Berikut adalah contoh sederhana pembuatan website menggunakan HTML, CSS, dan JavaScript:
html<!DOCTYPE html> <html> <head> <title>Contoh Website JavaScript</title> <style>
body {
text-align: center;
font-family: Arial, sans-serif;
}
h1 {
color: #333;
}
#button {
padding: 10px 20px;
background-color: #007bff;
color: #fff;
border: none;
cursor: pointer;
} </style> </head>
<body>
<h1>Selamat Datang di Website JavaScript</h1>
<button id="button">Klik Saya</button> <script>
// Menambahkan event listener pada button
document.getElementById("button").addEventListener("click", function() {
alert("Tombol telah diklik!");
});
</script> </body> </html>Dalam contoh tersebut, kita membuat halaman web sederhana dengan judul "Contoh Website JavaScript". Terdapat judul h1 yang menggunakan CSS untuk styling, dan tombol dengan id "button". Kemudian, menggunakan JavaScript, kita menambahkan event listener pada tombol tersebut yang akan menampilkan pesan peringatan saat tombol diklik.
Anda dapat menjalankan kode di atas di browser untuk melihat website sederhana dengan fungsi JavaScript. Ketika tombol diklik, akan muncul pesan peringatan "Tombol telah diklik!".
Pastikan Anda menyimpan kode tersebut dalam file HTML yang berekstensi ".html", kemudian buka file tersebut dengan browser untuk melihat hasilnya.
Tidak ada komentar:
Posting Komentar