JavaScript nedir?
JavaScript, Web için Programlama Dilidir .
JavaScript hem HTML'yi hem de CSS'yi güncelleyebilir ve değiştirebilir .
JavaScript verileri hesaplayabilir , işleyebilir ve doğrulayabilir .
JavaScript Hızlı Başlangıç Eğitimi
Bu öğretici, en önemli JavaScript veri türlerine hızlı bir şekilde göz atacaktır.
JavaScript değişkenleri şunlar olabilir:
- sayılar
- Teller
- nesneler
- diziler
- Fonksiyonlar
JavaScript Değişkenleri
JavaScript değişkenleri, veri değerlerini depolamak için kapsayıcılardır.
Bu örnekte x, y ve z değişkenlerdir:
Örnek
var x = 5;
var y = 6;
var z = x + y;
Yukarıdaki örnekten şunları bekleyebilirsiniz:
- x, 5 değerini saklar
- y 6 değerini saklar
- z, 11 değerini saklar
JavaScript Numaraları
JavaScript'in yalnızca bir tür numarası vardır. Sayılar ondalıklı veya ondalıksız yazılabilir.
Örnek
var x = 3.14; // A number with decimals
var y = 3; // A number without decimals
Tüm sayılar çift duyarlıklı kayan nokta sayıları olarak saklanır.
Maksimum ondalık sayı 17'dir, ancak kayan nokta her zaman %100 doğru değildir:
Örnek
var x = 0.2 + 0.1; // x will be 0.30000000000000004
JavaScript Dizeleri
Dizeler metin depolar . Dizeler tırnak içine yazılır. Tek veya çift tırnak kullanabilirsiniz :
Örnek
var carname = "Volvo XC60";
// Double quotes
var carname = 'Volvo XC60'; // Single quotes
Bir dizenin uzunluğu, yerleşik uzunluktaki özellikte bulunur :
Örnek
var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
JavaScript Nesneleri
JavaScript değişkenlerinin veri değerleri için kapsayıcı olduğunu zaten öğrendiniz.
Bu kod, car adlı bir değişkene basit bir değer (Fiat) atar :
var car = "Fiat";
Nesneler de değişkendir. Ancak nesneler birçok değer içerebilir.
Bu kod, car adlı bir değişkene birçok değer (Fiat, 500, beyaz) atar:
var car = {type:"Fiat", model:"500", color:"white"};
JavaScript Dizileri
JavaScript dizileri, birden çok değeri tek bir değişkende saklamak için kullanılır.
Örnek
var cars = ["Saab", "Volvo", "BMW"];
JavaScript İşlevleri
JavaScript işlevi, belirli bir görevi gerçekleştirmek için tasarlanmış bir kod bloğudur.
Bir JavaScript işlevi, "bir şey" onu çağırdığında (onu çağırdığında) yürütülür.
Örnek
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
JavaScript Ne Yapabilir?
Bu bölüm, JavaScript'in neler yapabileceğine dair bazı örnekler içerir:
- JavaScript HTML İçeriğini Değiştirebilir
- JavaScript, HTML Özellik Değerlerini Değiştirebilir
- JavaScript, HTML Stillerini Değiştirebilir (CSS)
- JavaScript, HTML Öğelerini Gizleyebilir
- JavaScript HTML Öğelerini Gösterebilir
JavaScript HTML İçeriğini Değiştirebilir
Birçok JavaScript HTML yönteminden biri getElementById() yöntemidir .
Bu örnek, bir HTML öğesini (id="demo" ile) "bulmak" için yöntemi kullanır ve öğe içeriğini ( innerHTML ) "Merhaba JavaScript" olarak değiştirir:
Örnek
document.getElementById("demo").innerHTML = "Hello JavaScript";
JavaScript, HTML Özellik Değerlerini Değiştirebilir
Bu örnekte JavaScript, bir <img> etiketinin src (kaynak) özniteliğinin değerini değiştirir:
Ampul
JavaScript, HTML Stillerini Değiştirebilir (CSS)
Bir HTML öğesinin stilini değiştirmek, bir HTML niteliğini değiştirmenin bir çeşididir:
Örnek
document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';
JavaScript, HTML Öğelerini Gizleyebilir
HTML öğelerini gizleme, görüntüleme stilini değiştirerek yapılabilir:
Örnek
document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';
JavaScript HTML Öğelerini Gösterebilir
Gizli HTML öğelerini göstermek, görüntüleme stilini değiştirerek de yapılabilir:
Örnek
document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display =
'block';
Tam JavaScript Eğitimi
Bu, JavaScript'in kısa bir açıklaması olmuştur.
Tam bir JavaScript eğitimi için W3Schools JavaScript Eğitimi'ne gidin .
Tam bir JavaScript referansı için W3Schools JavaScript Referansına gidin .