Bu yazımızda JavaScript diline giriş yapacağız
JavaScript Netscape firması tarafından geliştirilmiş , web sayfalarına etkileşimli ve dinamik özellikler katmamızı sağlayan standart bir script dilidir
JavaScript kullanarak HTML bileşenlerine erişip bu bileşenlerin değerlerini dinamik olarak değiştirebiliriz
Örnek JavaScript kodu
<html>
<head>
<script type="text/javascript">
var d = new Date();
var time=d.getHours();
if(time < 12){
alert('Günaydın');
}else{
alert('Merhaba');
}
</script>
</head>
</html>
Güncel web tarayıcılarının hepsi JavaScript i desteklemektedir . Fakat bazı durumlarda Javascript kodları çalışırken tarayıcıların bazı fonksiyonları desteklememesi nedeniyle sıkıntı yaşanabilmektedir
JavaScript Kodları HTML kodlarının hangi bölümünde yazılmalıdır ?
Javascript kodları HTML HEAD kısmına ve BODY kısmına yazılabilir
<html>
<head>
<script type="text/javascript">
*******
**
** JS KODLARI
**
*******
</script>
</head>
</html>
<html>
<head>
</head>
<body>
<script>
document.write("<p>This is a paragraph</p>");
</script>
</head>
</html>
JavaScript Fonksiyonları Nasıl Yazılır ?
JavaScript fonksiyonları alttaki gibi tanımlanmaktadır
<html>
<head>
<script>
function myfuction(){
}
</script>
</head>
<body>
</head>
</html>
Örnek;
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Değişti";
}
</script>
</head>
<body>
<p id="demo">Değiştirilecek pagraf</p>
<button type="button" onclick="myFunction()">Gönder</button>
</body>
</html>
Javascript dosyaları HTML sayfasına nasıl eklenir ?
JavaScript dosyalarını HTML sayfamıza ekleyebiliriz
<!DOCTYPE html>
<html>
<body>
<script src="scriptDosya.js"></script>
</body>
</html>
JavaScript Yorum Satırı Nasıl eklenir ?
/*
Comment
*/
// Comment