Yazar: merhaba değerli arkadaşlar.
javascript programlama diline kısa bir şekilde giriş yapmışttık.
bu yazımda sizlere javascriptin kod yazım tekniğinden bahsedeceğim.
java script kodlarını html dosyasının içerisine gömerek ve ya js dosyası kullanarak html dosyası içerisinde kullanabiliriz.
bu yazımda şimdi sizlere bu yazım tekniklerini örneklendirerek anlatacağım.
ilk olarak bir düz metin dosyası açalım ve şu kodları yazalım.
dosyamızın ismi merhaba.html olarak yazalım.
örnek:
<!doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title> javascript ilk kod </title>
</head>
<body>
<B>
Merhaba Dünya
</B>
<br>
<form>
<BUTTON onclick=”alert(‘Merhaba Dünya!’)”>TIKLAYINIz!</BUTTON>
</form>
</body>
</html>
dosyayı görüntüleyin ve ilk olarak normal html komutları ile merhaba dünya yazıldığını göreceksiniz.
javascript ile oluşturduğumuz butona tıkladığınızda aynı sonucu almış olmalısınız.
işte ilk olarak bu basit buton ile tıklandığında uyarı mesajını görmüşsünüzdür.
bu arada farkındamısınız javascript ile ilk kodumuzu yazmış olduk.
burada javascript komutlarımızı gövde kısmında html sayfasına gömme işlemini uyguladık.
aynı şekilde bir örnek daha yapalım.
örnek 2:
<doctype html>
<html>
<head>
<meta charset=”utf-8″>
<title> javascript örnek 2 </title>
</head>
<body>
<script>
function merhaba() //merhaba isimli fonksiyonu deklare ediyoruz
{ //bu, fonksiyonun başlama işareti
alert (“Merhaba Dünya!”) //fonksiyonun komutu ve komutun gerektirdiği metin
} //bu fonksiyonun bitme işareti
<B>
Merhaba Dünya
</B>
<br>
<form>
<BUTTON onclick=merhaba()>TIKLAYINIz!</BUTTON>
</form>
</body>
</html>
bu dosyayı görüntülediğinizde karşınıza aynı sonucun çıktığını göreceksiniz. bu yapmış olduğunuz ikinci işlem javascript yazım kurallarına yüzde yüz uyum sağlamaktadır.
ilk bölümde, javascript’i tanımladık ve gövde bölümündede butonu oluşturduk.
yaptığımız ilk örnek ile bu örnek arasında hiçbir fark yoktur.
sadece yazım şekli farklıdır.
son olarak şu şekilde yazın.
öncelikle javascript komutlarını yazacağımız js dosyasını oluşturun.
js dosyasına şu kodları yazın.
örnek:
function merhaba()
{
alert(“Merhaba, Dünya!”)
}
şimdi ise html dosyamızın kodlarını yazalım.
<doctype html>
<HEAD>
<meta charset=”utf-8″>
<title> java script örnek 3 </title>
<script src=”merhaba.js” LANGUAGE=”JavaScript”>
</script>
</HEAD>
<BODY>
<B>
Merhaba Dünya
</B>
<br>
<FORM>
<INPUT TYPE=”SUBMIT” NAME=”BUTTON1″ VALUE=”TIKLAYIN!” onclick=”merhaba()”>
</FORM>
</BODY>
</HTML>
yine bu dosyayı görüntülediğinizde sonucun değişmeyeceğini göreceksiniz. burada yaptığımız işlem ise html dosyasına bir js dosyasını çağırarak javascript komutlarını çalıştırmış olduk.
javascript komutlarını yukarıdaki yöntemlerden birini kullanarak html dosyasına gömebilirsiniz. çünkü javascript html’in bir parçasıdır.
soru ve sorunlarınızı yazımın altındaki yorumlar kısmından yazarak bana iletebilirsiniz.
iyi bloglamalar herkese.
Bir önceki yazımız olan javascript'e giriş başlıklı makalemizde javascript, javascript nedir ve javascript tanımı hakkında bilgiler verilmektedir.