<h2>Contoh JavaScript Popup</h2>
<button onclick=”alert(‘Halo, dunia!’)”>Klik saya!</button>
</body>
</html>
-
Mengubah warna latar belakang saat tombol diklik
<!DOCTYPE html>
<html>
<head>
<script>
function changeBgColor() {
document.body.style.backgroundColor = "red";
}
</script>
</head>
<body>
<h2>Contoh JavaScript Ubah Warna Latar Belakang</h2>
<button onclick="changeBgColor()">Ubah warna latar belakang!</button>
</body>
</html>
-
Menghitung hasil penjumlahan dua angka
<!DOCTYPE html>
<html>
<body>
<h2>Contoh JavaScript Hitung Penjumlahan</h2>
<input type="text" id="angka1" placeholder="Masukkan angka pertama">
<input type="text" id="angka2" placeholder="Masukkan angka kedua">
<button onclick="hitung()">Hitung</button>
<p>Hasil penjumlahan: <span id="hasil"></span></p>
<script>
function hitung() {
var angka1 = parseInt(document.getElementById("angka1").value);
var angka2 = parseInt(document.getElementById("angka2").value);
var hasil = angka1 + angka2;
document.getElementById("hasil").innerHTML = hasil;
}
</script>
</body>
</html>
Contoh-contoh di atas hanya beberapa dari banyak contoh penggunaan JavaScript dalam pengembangan web. Dengan kemampuannya yang luas, JavaScript dapat digunakan untuk membuat efek-efek visual, validasi form, memuat data secara dinamis, dan banyak lagi.
