JavaScript html kodları arasına düz yazı şeklinde gömülür dedik. Kullanırken bunu göz önünde tutacağız. JavaScrit
<SCRIPT>...</SCRIPT>
tagları arasına yerleştirilir. Basit bir örnekde bu durumu görelim.
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--Scripti eski browserlerden sakla
function yaz()
{
alert("Merhaba Arkadaş!!!");
}
// Script gizleme sonu -->
</SCRIPT>
</TITLE>JavaScript Öğreniyorum</TITLE>
</HEAD>
<BODY>
Sayfamızı hazırlıyoruz. Şimdi javaScripti sayfamıza
yerleştirelim.
<P>
<FORM>
<INPUT type="button" name="buton1" value="Butona tıkla" onClick="yaz()">
</FORM>
</BODY>
</HTML>
Klasik bir örnek. Şimdi bu yazdığımız scripti deneyelim. Yazdığımız kodları inceleyerek javaScriptin html kodları arasına nasıl yerleştirdiğimizi görelim. Öncelikle
<HTML><HEAD> tagları ile sayfamıza başlıyoruz. Bildiğiniz gibi <HEAD>...</HEAD> tagları arasına meta tagları giriyoruz. Meta tagları yanında javaScript lerimizide bu taglar arasına yerleştiriyoruz. Scripti yerleştirirken
<SCRIPT>...</SCRIPT> tagları arasına yerleştiriyoruz. Script tagının parametresi olarak
language="JavaScript" kullanıyoruz. Aslında daha başka parametreleri de var fakat gerektiğinde göreceğiz.
function yaz()
{
alert("Merhaba Arkadaş!!!");
}
Yazdığımız kod ekrana
Merhaba Arkadaş!!! yazısını bir mesaj kutusu içerisinde yazdırmaktan ibaret. Bunu yaz() fonksiyonu ile yapıyoruz.