JavaScript Kullanımı
1.Dersimizde javascriptin ne olduğunu ve tarayıcı tarafından yorumlanabilmesi için html dokümanlarına nasıl eklenmesi gerektiğini açıklamıştık.
<script>
alert("Selam Ben JavaScript");
</script>
Javascript kodlarını html elemanları ile birlikte kullanma
Javascrip sadece <script> tagları arasında kullanılmaz. Bazı html elamanlarında da kullanabilirsiniz. Örneğin HTML elemanı olan buton’a tıklandığında ya da Mouse ile üzerine gelindiğinde ne olmasını istediğinizi bildiren küçük bir kod parçacığı yazabilirsiniz. Örneği:
<button onmouseover ="alert(Selam Ben JavaScript)">Tıkla</button>
Yukarıdaki örnekte Botunun üzerine Mouse ile gelindiğinde uyarı (alert) penceresi açılacak ve “Selam Ben JavaScript” yazacak.
Javascript kodlarını harici js uzantılı dosyada kullanma dışardan HTML içerisine javascript dosyası çağırma
Javascript kodlarını html dışında harici bir dosyada da kullanabiliriz. Bu kullanım seo açısından da faydalı olacaktır ve zaten tavsiye edilen kullanımda bu şekildedir. JS uzantılı dosyada kullanmak için tek yapmanız gereken javascript kodlarını bir kod editöre ya da bilgisayarınızda txt editöre yapıştırmanız ve uzantısını .js olarak kaydetmeniz. Örneğin javascript.js ya da dosya.js dosya adı tamamen size kalmış.
Ardından HTML dokümanımıza bu dosyayı çağırmamız gerekecek. Bunun için de genelde html dosyası kodlarının en altındaki </body> etiketi üzerine şu şekilde çağırabilirsiniz.
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Merhaba JavaScript</title>
</head>
<body>
<script src="dosya.js"></script>
</body>
</html>
