HTML Örnek Javascript Kodları
İş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.
Bu ders size yardımcı oldu mu? Puan verin!
Geri bildiriminiz içeriğimizi sürekli güncel ve kaliteli tutmamızı sağlar.
Sıkça Sorulan Sorular (SSS)
Bu ders ve konuyla ilgili en çok merak edilenler
HTML Örnek Javascript Kodları dersini öğrenmek için ön koşul var mı?
Bu eğitim temel seviyeden ileri seviyeye adım adım hazırlanmıştır. Kodları kopyalayıp Canlı Editör üzerinde test ederek kolayca pratik yapabilirsiniz.
Örnek kodları kendi projelerimde ücretsiz kullanabilir miyim?
Evet, PHP Hocası üzerindeki tüm kod örnekleri açık kaynak mantığıyla sunulmaktadır. Ticari veya kişisel projelerinizde serbestçe kullanabilirsiniz.
Takıldığım bir yerde nereden soru sorabilirim?
Dersin altındaki topluluk yorumları bölümünden sorunuzu sorabilirsiniz. Eğitmenlerimiz ve topluluk üyelerimiz kısa sürede yanıt verecektir.
Topluluk Yorumları (0)
Ders Hakkında Yorum Yap veya Soru Sor
Henüz yorum yapılmamış. İlk yorumu siz yazın!