Javascript'te Giriş

by trustix


Eklenme Tarihi : 11 Aralık 2020 22:06 Views:     186



Javascript  kısmen isim benzerliğinden dolayı Java programlama ile karıştırılabilen - programlamaya yeni başlayanlar için - bir dildir. Ama elbette ki bu ikisi farklı programlama dilleridir. 

Javasciript, büyük/küçük harflere duyarlı, hem istemci hem sunucu taraflı çalışabilen ve bu sebeble web sayfalarında yaygın olarak kullanılan, dinamik bir programlama dilidir. Büyük küçük harf duyarlılığı aynı kelimelerin eğer harfleri büyük/küçüklük bakımından farklı ise farklı değişkenler ya da nesneler olarak kabul edilmesi demektir.

Javascript dosyaları ve komutları tek başına bir internet tarayıcısı- Chrome/Firefox/Opera/Safari -  tarafından çalıştırılmaz.  Kodların ya da dosyaların internet tarayıcısı tarafından çalıştırılması için bunların bir HTML dosyasına yerleştirmek gerekmektedir. Örneğin:

<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="author" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Javascript Test</title>

</head>

<body>

    <!--
     bir tane h1 elementi oluşturuyoruz. Daha
    sonra bu elemente bir id değeri veriyoruz. Bu değer
    sayesinde elementin içeriğine veri ekleyebilir ya da değiştirebiliriz.
    -->
    <h1 id="title"></h1>




    <!-- harici javascript dosyamızı import ediyoruz.-->
<script src="js_test.js"></script>
</body>

</html>

 

 

Harici js dosyamızın içeriği:


document.getElementById('title').textContent = 'Merhaba Sayın Seyirciler'

 

Yukarıdaki kodların üreteceği sonuç başlık metni şeklinde 'Merhaba Sayın Seyirciler' metnidir.

 

İlk örneğimizde bir HTML elementine Javascript ile bir metin içeriği ekledik. Elbette Javascript ile tek yapabileceğimiz bu değildir. Bir HTML elementine içerik ekleyebileceğimiz gibi yeni bir HTML elementini de aynı şekilde Javascript ile oluşturabiliriz. Örneğin:


document.getElementById('title').textContent = 'Merhaba Sayın Seyirciler'

// javascript ile yeni HTML elementi eklemek


// yeni elementi bir değişkene atama  işlemi
var element = document.createElement('h1');

// yeni elementin içeriğini ekleme işlemi
element.textContent = 'Bu metin Javascript ile eklenmiştir.';

// yeni elementi sayfaya ekleme işlemi
document.body.appendChild(element);

 

ilk kodumuza birtakım eklemeler yaparak HTML sayfamızda yeni bir element oluşturyoruz. Yukarıdaki kodların sonucu şu şekildedir.

 

Yukarıdaki kodları yazarken dikkat edilmesi gereken nokta harici Javascript dosyasının <body> etiketi kapanmadan hemen önce eklenmesidir. Çünkü kodların çalışabilmesi için önce elementin oluşturulması gerekmektedir.

 

Evet arkadaşlar Javascript'te giriş niteliğinde birtakım bilgiler vermeye çalıştık. 

Herkese İyi Kodlamalar





0

Yorum Formu

vikikod.com    © 2019