Bu mini rehberde bir HTML dosyasına harici bir JavaScript dosyasını nasıl bağlayacağınızı öğreneceksiniz. Aşağıdaki adımları izleyerek, projelerinizde JavaScript dosyanızı rahatlıkla kullanabilirsiniz!
- Bilgisayarınızda projenize özel bir klasör oluşturun.
- Bu klasör içerisinde iki dosya oluşturun:
index.htmlscript.js
index.html dosyanızı temel bir HTML yapısıyla başlatın.
Örnek HTML kodu:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Benim Projem</title>
</head>
<body>
<!-- HTML içeriğinizi buraya ekleyebilirsiniz -->
<!-- JavaScript dosyası burada bağlanacak -->
<script src="script.js"></script>
</body>
</html>Dikkat Edilmesi Gerekenler:
-
<script src="script.js"></script>satırı, JavaScript dosyamızı (script.js) HTML dosyasına bağlamış olur. -
Genelde
<script>etiketini</body>etiketinden hemen önce yerleştirmek önerilir. Böylece sayfadaki elementler yüklenir ve JavaScript sorunsuz çalışır. -
Modern tarayıcılarda
type="text/javascript"eklemek opsiyoneldir. Zorunlu değildir, ancak eski tarayıcılarda kullanılabilirdi.