İşte HTML içinde basit JavaScript kodları içeren bir örnek:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Örnek</title>
<script>
// JavaScript kodları buraya yazılır
// Örnek 1: Bir uyarı penceresi gösterme
function showAlertDialog() {
alert("Merhaba! Bu bir uyarı penceresidir.");
}
// Örnek 2: Kullanıcının girdiği ismi kullanarak selam verme
function greetUser() {
var userName = prompt("Adınız nedir?");
alert("Merhaba, " + userName + "!");
}
// Örnek 3: Sayfa üzerindeki bir metni değiştirme
function changeText() {
document.getElementById("demo").innerHTML = "Yeni metin!";
}
</script>
</head>
<body>
<h1>JavaScript Örnek</h1>
<button onclick="showAlertDialog()">Uyarı Göster</button>
<button onclick="greetUser()">Selam Ver</button>
<button onclick="changeText()">Metni Değiştir</button>
<p id="demo">Bu bir örnek paragraf.</p>
</body>
</html>
Bu örnekte, üç farklı JavaScript fonksiyonu (showAlertDialog, greetUser, changeText) tanımlanmıştır. Bu fonksiyonlar sırasıyla bir uyarı penceresi gösterir, kullanıcıya bir isim sorar ve sayfa üzerindeki bir metni değiştirir. Bu fonksiyonlar HTML içindeki düğmelere bağlanmıştır. Örneği tarayıcınızda açarak düğmelere tıkladığınızda fonksiyonların nasıl çalıştığını gözlemleyebilirsiniz.