JavaScript kodlarını HTML dosyasına dahil etmek için aşağıdaki adımları takip edebilirsiniz:
-
JavaScript Kodunun Oluşturulması:
- Bir metin düzenleyici kullanarak JavaScript kodunuzu içeren bir dosya oluşturun. Örneğin, "script.js" olarak adlandırabilirsiniz.
// script.js // HTML elementlerine erişim ve manipülasyon document.getElementById('demo').innerHTML = 'Merhaba, JavaScript!';- Bu örnek, bir HTML elementine JavaScript kullanarak erişim sağlar ve içeriğini değiştirir.
-
JavaScript Dosyasının HTML Dosyasına Eklenmesi:
- HTML dosyanızın
<head>veya<body>bölümüne, oluşturduğunuz JavaScript dosyasını ekleyin.
<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>HTML ve JavaScript Örneği</title> <!-- JavaScript dosyasının eklenmesi --> <script src="script.js"></script> </head> <body> <div id="demo"></div> </body> </html>srcözelliği ile JavaScript dosyasının yolunu belirtirsiniz. Yukarıdaki örnekte, JavaScript dosyası ile HTML dosyası aynı klasörde bulunuyor; fakat dosyalar farklı klasörlerde ise, dosya yolu buna göre ayarlanmalıdır.
- HTML dosyanızın
-
Sonuçları Gözlemleme:
- Tarayıcıda HTML dosyanızı açarak, JavaScript kodlarının etkilerini gözlemleyebilirsiniz.
Bu adımları takip ederek, HTML dosyanıza bağlı bir JavaScript dosyası ekleyebilir ve sayfanızın davranışını JavaScript ile kontrol edebilirsiniz. Bu, HTML, CSS ve JavaScript'i bir araya getirerek etkileşimli web sayfaları oluşturmanıza olanak tanır.