Merhabalar.

Bir önceki yazımızda Html dosyası içinde script yazmayı öğrendik. Bu yazımızda ise ayrıca bir javascript dosyası oluşturup buradan ilgili Html ile bağlantı kurmayı öğreneceğiz.

VS Code ekranında bir Main.js isimli dosya oluşturalım.

Ve aşağıdaki kodu olduğu gibi js dosyası içine yazalım.

document.write("Brainy Tech");

Şimdi biz bu dosyayı artık istediğimiz her Html dosyasında tanıtarak çağırabiliriz. Böylece aynı kodları defalarca Html sayfalarına yazmak yerine tek bir kere kodlayıp dilediğimiz kadar kullanabiliriz.

 <script src="Main.js" language="javascript"> </script> 

Yukarıdaki gibi tanıtılır. Aynen bir script yazacak gibi script tagleri oluşturulur. Dosyanın adresini vermek için src özelliğine bu adres atanır.

Aşağıda Html içinde kullanımını görüyoruz.

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />

    <title>JavaScript Tutorial</title>
  </head>

  <body>
    <h1>JavaScript Tutorial</h1>
   
    <script src="Main.js" language="javascript"> </script> 
 
  </body>
</html>

Bir sonraki yazımızda görüşmek üzere.


muratbilginer