Bu yazımızda Html Sayfasına Javascript dosyamızı nasıl dahil ederiz onu göstereceğim.
Öncelikle Size Javascript'ten biraz bahsetmek istiyorum.
Javascript Nedir ?
Javascript 25 yıla aşkın bir geçmişi olan, dünyanın en popüler programlama dillerinden biridir. Ağırlıklı olarak web tarafında kullanılsa da günümüzde mobil, server, görüntü işleme ve yer yer yapay zeka alanlarında da kullanılmaktadır.
Javascript'in dosya uzantısı .js'dir ve html sayfasına kolaylıkla entegre edilebilmektedir.
Html Sayfama Javascript'i Nasıl Dahil Ederim ?
Aşağıda temel bir html sayfası görüyorsunuz. Javascript sayfada genellikle head tag'leri arasında veya body tag'i kapanmadan hemen önce yazılır. Ayrıca Html sayfası içinde inline olarak da Javascript kodları yazabiliriz.
Sadece Temel Etiketleri Olan Bir Html Sayfası :
<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>KodlamakLazim | Javascript</title> </head> <body> <h2>Kodlamak Lazım </h2> </body> </html>
Şimdi bu sayfaya javascript dosyamızı ekleyelim. Ben genellikle body tagi kapanmadan hemen önce kullanıyorum.
<!DOCTYPE html> <html lang="tr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>KodlamakLazim | Javascript</title> </head> <body><h2>Kodlamak Lazım </h2> //Javascript kodlarımızı buradan ekliyoruz. <script src="app.js"></script> </body></html>
Html Sayfası İçinde Javascript Kodu Yazmak
Html sayfasci içinde script tag'ini açıp kapatarak herhangi bir yerde javascript kodu yazabiliriz.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>KodlamakLazim | Javascript</title> </head> <body> <h2>Kodlamak Lazım</h2> <script> alert("Merhaba Dünya"); </script> </body> </html>
Yukarıda Gördüğünüz kodu çalıştırdığınızda ekranda Merhaba Dünya diye bir uyarı yazısı çıkacaktır.