Javascript hakkında temel ifadelerin bulunduğu bir başlık göremedim forumda ve bütün üyelerin ihtiyaç duydukları an ulaşabilecekleri böyle bir konu açmaya karar verdim.
Javascript kodları bizi birçok basit sorundan kurtaracaktır arkadaşlar.Yazacağımız kodların uzantısı ".js" olacaktır.Hemen klasik uyarıyı yapayım JAVA ile JAVASCRIPT'in
kesinlikle alakası da yoktur.
<script type="text/javascript"> bla bla </script>genel kullanımı bu şekildedir css'e benzemekte bu bakımdan ya da import yöntemini de kullanabilirsiniz yani sayfaya uzak bir yerden dahil edebilirsiniz.çok javascript
kodumuz varsa en mantıklısı uzaktan dahil etme olacaktır zaten.
<script src="sheeba.js" type="text/javascript"></script>php'ye başlarken görmüşsünüzdür "merhaba dünya" değişilmez bir adımdır.aynı olayı şimdi javascript ile yapalım.
<html><title>ilk javascript uygulamam</title>
<script type="text/javascript">
window.alert ("Merhaba dünya");
</script>
</html>şimdi php'de olduğu gibi satırı bitirirken ";" kullandık ve string gördüğünüz gibi tırnak içine alındı.Şimdi işin mantığı nesne ve işlemde bitmektedir.Bu kodda nesnemiz window ve bu nesnenin işlemi de alert ifadesidir.yine php kod yazan arkadaşlar bilecektir değişken dediğimiz olay javascript içinde mevcuttur.şimdi ufak bir matematiksel
olay yapalım javascript ile.
<html><title>javascript ile değişken</title> <script type="text/javascript"> var ali = 10, asli = 9; var toplam = ali + asli; document.write(toplam); </script> </html>var ile değişkenimizi oluşturduk birer isim ve değer girdik virgül ifadesi ile değerleri ayırdık.daha sonra toplam adındaki bir değişkende iki değeride topladım.eğer
çıkarma işlemi yapmak isteseydim "-" eğer çarpmak isteseydim "*" işaretlerini kullanacaktım bunlar klasik matematiksel işaretlerdir.şimdi buradaki document nesnemiz ilk
örnekteki window yani pencere nesnesine göre farklı.ayrıca document nesnemizin işlevi de çok farklı.ekrana toplam değişkeninin değerini yazdırdık ancak neden yeni bir
pencere de gözükmedi bunlar ? çünkü alert işlevi yapmıyoruz da ondan.şimdi yeni bir pencerede yaşların toplamını almak istiyorsak kodumuzu şöyle değiştirmemiz gerekecek ;
<html><title>javascript ile değişken</title> <script type="text/javascript"> var ali = 10, asli = 9; var toplam = ali + asli; window.alert(toplam); </script> </html>Peki bunu nerede kullanabiliriz ? Mesela yetişkinlere yönelik bir sayfamız var ve çocukların bu siteye girmesini istemiyoruz.php kullanarak ekranda kullanıcının yaşını
girmesini isteriz girilen doğum tarihi 18'den küçük ifade veriyorsa çat window nesnesinin alert ifadesini kullanarak ekrana "sizin yaşınız x 18 yaşından küçükler bu siteye
giremez" tarzı bir yazı yazdırırız ardından phpde header kullanarak hop cikis.php gibi bir dosyaya ziyaretçiyi yönlendiririz.aynı zamanda bu olayı javascript kullanarakta
yapabiliriz arkadaşlar.benim bu yaş olayı için kurduğum mantığı kodlara dökerken yine php de olduğu gibi if kullanacağım.klasik if,else if,switch gibi ifadeler javascript
içinde geçerlidir.
<html><title>yaş girme ekranı</title>
<script type="text/javascript">
var yaz,yas;
yaz=window.prompt("Yaşınızı girin","0");
yas=parseInt(yaz);
if(yas>=18)document.write("<b>Yaşınız bu siteye girmek için uygun</b>");
else document.write("Yaşınız 18'den küçük bu siteye giremezsiniz");
</script>
</html>window nesnesinin prompt işlemini kullanarak yeni bir pencere açtık ve kullanıcının açılışı "0" olarak belirlenen değeri değiştirmesini istedik.Windows nesnesinin promptişlemi string değerler için geçerlidir.Biz yazıyla yaş alamayacağımıza göre int değer olarak yaş alacağız ama javascript bunu string olarak görecektir.O yüzden parseInt
fonksiyonu ile yaz isimli değişkenimizi int değer olarak belirlemiş olduk.basit bir if ifadesi ile yaz değişkenini int değeri eğer 18 ise veya 18'den büyükse document
nesnesinin write işlemini kullanarak ekrana belirlenen yazıyı vereceğiz.Burada dikkat çekmek istediğim bir başka olayda php de kullandığımız gibi html kodları javascript
içerisinde de kullandık.Eğer bize girilen değer 18'den küçükse else bölümü çalışacak ve ekrana yine bizim belirlediğimiz yazı gelecektir.Burada amacım if else olaylarını
basitçe anlatmaktı ve bunu da yaş olayı üzerinden giderek yaptım.Peki yönlendirme yapmak istesek ? Onuda yaparız arkadaşlar adım adım ilerliyoruz gördüğünüz gibi.
Şimdi önce mantığı kuralım.Eğer yaş 18'den küçükse bir çıkış sayfasına mı atalım yoksa yaş 18'den büyükse esas sayfaya mı atalım ? Bence yaş 18'den büyükse esas
sayfaya atmak daha uygun olacaktır.O halde hemen kodlarımızı düzenliyoruz.
<html><title>yaş girme ekranı</title><script type="text/javascript">
var yaz,yas;
yaz=window.prompt("Yaşınızı girin","0");
yas=parseInt(yaz);
if(yas>=18)location.href="http://www.sheeba.gen.tr";
else document.write("<b>Yaşınız bu siteye girmek için uygun değil</b>");
</script>
</html>yine nesnemiz location ve işlemimiz href.mantık yine aynı,değişen bir şey yok.Şimdi while kullanarak bir döngü örneği de yazmak istiyorum biraz daha temel bilgilerin artmasıiçin arkadaşlar.
<html><title>while kullandık</title>
<script type="text/javascript">
x=1;
while(x<=10)
{
document.write(+x);
document.write("<br>");
x++;
}
</script></html>Yine burada while kullanımı php bilen arkadaşlara pek yabancı gelmeyecektir.x'e 1 dedim ve while kullanarak x'in 10'da durmasını istedim.bakın yine html kullandım br ilealt alta yazma işlemi gerçekleştirdim.yeni pencere açıp alt alta yazdırmak mantıklı mı ? o yüzden document.write kullandım ve x'i alt alta 10'da duracak şekilde alt alta
yazdırdım.
Javascript ile basit uygulamalar geliştirip,kısa kısa kodlar yazarak temel yazım şekillerini,olayın mantığını göstermeye çalıştım.Umarım az da olsa başarılı olabilmişimdir.
vakit buldukça ve konuya gelen ilgi doğrultusunda burada yine adım adım uygulamalar geliştirip mantığı göstermeye çalışacağım.
