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?

ratio - ait Kullanıcı Resmi (Avatar)
Kıdemli Üye
Üyelik tarihi:
07/2013
Nereden:
Turk
Mesajlar:
2.461
Konular:
106
Teşekkür (Etti):
247
Teşekkür (Aldı):
891
Ticaret:
(0) %
2
13508
29-02-2020 23:19
#1
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 decrypted

The Golden Ratio is a special number found by dividing a line into two parts so that the longer part divided by smaller part is also equal to the whole length divided by the longer part.
Konu 16player16 tarafından (29-07-2020 23:41 Saat 23:41 ) değiştirilmiştir.
P4RS, - Teşekkür etti.
P4RS - ait Kullanıcı Resmi (Avatar)
Özel Üye
Üyelik tarihi:
01/2017
Nereden:
Ankara
Mesajlar:
5.137
Konular:
626
Teşekkür (Etti):
1779
Teşekkür (Aldı):
3723
Ticaret:
(0) %
29-02-2020 23:38
#2
Ellerine sağlık Gunner
---------------------


𝖘𝖊𝖞𝖈𝖎𝖑𝖊𝖗
- Teşekkür etti.
ratio - ait Kullanıcı Resmi (Avatar)
Kıdemli Üye
Üyelik tarihi:
07/2013
Nereden:
Turk
Mesajlar:
2.461
Konular:
106
Teşekkür (Etti):
247
Teşekkür (Aldı):
891
Ticaret:
(0) %
01-03-2020 08:02
#3
Alıntı:
"P4RS´isimli üyeden Alıntı Mesajı göster
Ellerine sağlık Gunner

Teşekkürler hocam.
---------------------
Copyright decrypted

The Golden Ratio is a special number found by dividing a line into two parts so that the longer part divided by smaller part is also equal to the whole length divided by the longer part.
- Teşekkür etti.

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler