THT DUYURU

Script Dilleri Scriptlerin oluşturulduğu dillerin dökümanlarının ortaklaşa paylaşıldığı alandır.

Seçenekler

JavaScript'te Buton Nasıl Kodlanır? //PigGunner

PigGunner - ait Kullanıcı Resmi (Avatar)
Yardımsever
Üyelik tarihi:
07/2013
Nereden:
Turk
Mesajlar:
2.312
Konular:
98
Teşekkür (Etti):
201
Teşekkür (Aldı):
399
Ticaret:
(0) %
4 Hafta önce
#1
Post
JavaScript'te Buton Nasıl Kodlanır? //PigGunner
JavaScript Giriş


JavaScript, Java’dan farklı bir dildir. “Interpreted Programming Language”, Yorumlanmış programlama dillerinden biridir.

Peki nedir bu yorumlanmış programlama dili?

(Yorumlanmış programlama dili bilgisayar programlamada yazılan programların çalışabilmeleri için kaynak kodlarının bir yorumlayıcı tarafından yorumlanması gerektiğini ifade etmektedir.)

JavaScript, C dilinin web sayfasına uygulanmış hali denebilir. Ancak bugün JavaScript web site programlamadan tutun oyun programlamaya kadar geniş bir alan da kullanılmaktadır ve pek çok framework’e sahiptir.

Java gibi bir programlama dili ile karşılaştırdığınızda script dili olduğu için açıkca basit, kolay ve anlaşılır bir dildir ve bilinmesi bir programcı tarafından avantajlı olacaktır.

Javascript’in avantajlarından bir tanesi (Client Side Script) istemci tarafı komut dosyası olmasıdır. Yani, bir sunucudan bir web sayfasının içeriğini istediğimizde javascript kodları ile beraber istemci(kullanıcının) bilgisayarına indirilir. Böylece sayfanın defalarca yenilenmesine gerek kalmadan sayfa ile beraber indirilmiş olan bütün javascript özellikleri kullanılabilir.

Ayrıca bu dosyaların istemci tarafına indiriliyor olması, bir güvenlik sorunu oluşturmaktadır ve bu yüzden önemli bilgilerin istemci tarafında çalışacak olan JavaScript’lerin içine eklenmemesi gerekir.



Değişken Tanımlama ve Buton Ekleme

Konuya basit bir örnek ile bitirelim.

Aşağıdaki kodu html test edebileceğimiz bir sitede çalıştırdık.


Kod:
<!DOCTYPE html>
<html>
<head>
<title>JavaScript'e Giriş</title>
</head>
<body>
    <script>
    // JavaScript'de değişkenlere int, string gibi tip(type)'larını belirtmeden verebiliyoruz. Örn:
    var pigGunner;
    pigGunner = "Green Team Uyesi";
    // Burada documen t(döküman) objesinin write(yazma) methodunu kullanarak pigGunner değişkenimizi yazdırıyoruz. Java'daki sys.out.print gibi düşünebiliriz.
   // aslında aşağıdaki "documen t" kısmı birleşik!

    documen t.write( pigGunner);
    </script>
    // Burada javaScript'in interaktif özelliklerini kullanarak sayfaya çeşitli özellikler de ekleyebiliriz. Örneğin bir buton ekleyelim.
    <br><br>
    <button onclick>Örnek Buton</button>
    <br><br>
    // br'yi kullanarak yeni satır ekleyelim.
    <br><br>
    // Şu anda burada sadece bir buton bulunmasına rağmen daha sonra butonun arkasına tıklandığında yapılmasını istediğimiz bir şeyler eklenebilir.
    <br><br>
    // Şimdi yeni bir buton ekleyelim ve butona tıklandığında bize tarih bilgilerini göstersin.
    <br><br>
    <button onclick="getElementById('tarihTest').innerHTML = Date()"> Tarih ve Saat'i Göster</button>
<h1>TurkHackTeam - PigGunner</h1>
<p id= "tarihTest" </p>

</body>
</html>



Öncelikle örnek butona tıkladık ve bir değişiklik olmadı.




Daha sonra tarihi göster butonuna tıkladık ve datemethodunun sağladığı bilgileri aldık.






JavaScript’e giriş ve küçük bir bakış olarak konuyu açmak istedim, umarım beğenmişsinizdir.
---------------------
Copyright by PigGunner.

Konu "P4RS tarafından ( 4 Hafta önce Saat 23:36 ) değiştirilmiştir.
"P4RS Teşekkür etti.
"P4RS - ait Kullanıcı Resmi (Avatar)
Green Team Lideri
Üyelik tarihi:
01/2017
Nereden:
Balkes
Yaş:
18
Mesajlar:
4.576
Konular:
483
Teşekkür (Etti):
1138
Teşekkür (Aldı):
2295
Ticaret:
(0) %
4 Hafta önce
#2
Cevap: JavaScript'te Buton Nasıl Kodlanır? //PigGunner
Ellerine sağlık Gunner
PigGunner - ait Kullanıcı Resmi (Avatar)
Yardımsever
Üyelik tarihi:
07/2013
Nereden:
Turk
Mesajlar:
2.312
Konular:
98
Teşekkür (Etti):
201
Teşekkür (Aldı):
399
Ticaret:
(0) %
4 Hafta önce
#3
Cevap: JavaScript'te Buton Nasıl Kodlanır? //PigGunner
Alıntı:
"P4RS´isimli üyeden Alıntı Mesajı göster
Ellerine sağlık Gunner

Teşekkürler hocam.
---------------------
Copyright by PigGunner.


Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler