INI ADALAH BEBERAPA RINGKASAN TENTANG JAVASCRIPT
Apa itu JavaScript?
JavaScript adalah bahasa pemrograman yang digunakan untuk membuat halaman web menjadi interaktif.
Kalau diibaratkan:
- HTML itu seperti kerangka tubuh (struktur).
- CSS itu seperti bajunya (tampilan).
- JavaScript adalah otaknya atau gerakannya (fungsi, reaksi, dan interaksi).
Dengan JavaScript, halaman web tidak hanya diam, tapi bisa bergerak, merespons, dan berinteraksi dengan pengguna.
Untuk Apa JavaScript Digunakan?
JavaScript digunakan untuk:
- Menangani aksi pengguna (klik tombol, isi form, dll)
- Menampilkan popup, pesan peringatan, atau konfirmasi
- Membuat animasi sederhana
- Menampilkan/mengubah isi halaman tanpa perlu reload
- Terhubung dengan server untuk mengambil data (seperti cuaca, berita, dll)
Contoh HTML + JavaScript:
<!DOCTYPE html>
<html>
<head>
<title>Contoh JavaScript</title>
<script>
function salam() {
alert("Halo! Selamat datang di websitenya :)");
}
</script>
</head>
<body>
<h1>Website Interaktif</h1>
<button onclick="salam()">Klik aku!</button>
</body>
</html>
Penjelasan:
<script>→ Tempat menulis kode JavaScript.function salam()→ Fungsi yang akan dijalankan saat tombol diklik.alert(...)→ Memunculkan kotak pesan.onclick="salam()"→ Saat tombol diklik, jalankan fungsisalam.
Apa Bedanya dengan HTML dan CSS?
| Bahasa | Fungsinya |
|---|---|
| HTML | Menentukan isi dan struktur |
| CSS | Mengatur tampilan dan gaya |
| JavaScript | Membuat halaman hidup & interaktif |
Contoh Interaktif Lain
Contoh input nama:
<input type="text" id="nama" placeholder="Masukkan nama">
<button onclick="sapa()">Sapa Saya</button>
<script>
function sapa() {
let nama = document.getElementById("nama").value;
alert("Hai " + nama + "! Senang bertemu denganmu.");
}
</script>
Kesimpulan
JavaScript adalah otak dari halaman web.
Dengan JavaScript, halaman web bisa merespons tindakan pengguna, membuatnya jadi lebih seru dan interaktif.
Tanpa JavaScript, web hanya diam.
Dengan JavaScript, web jadi hidup dan bisa berkomunikasi dengan kita.