JavaScript Basit Örnekler
JavaScript, web sayfalarına etkileşim ve dinamiklik eklemek için kullanılan bir programlama dilidir. HTML ve CSS ile birlikte, web geliştirmenin temel taşlarından biridir. JavaScript, web sayfalarında formları doğrulamak, menüler oluşturmak, animasyonlar eklemek ve oyunlar geliştirmek gibi birçok farklı amaç için kullanılabilir.
Bu makalede, JavaScript’in temellerini öğrenecek ve basit örneklerle JavaScript’in nasıl kullanıldığını göreceksiniz.
JavaScript’in Temelleri
JavaScript, yorumlanan bir programlama dilidir. Bu, JavaScript kodunun çalıştırılmadan önce bir yorumlayıcı tarafından okunduğu ve yorumlandığı anlamına gelir. JavaScript, ayrıca, bir betik dilidir. Bu, JavaScript kodunun genellikle bir HTML sayfasına yerleştirildiği ve web tarayıcısı tarafından çalıştırıldığı anlamına gelir.
JavaScript’in temel veri türleri şunlardır:
- Sayılar: JavaScript’te sayılar, ondalık sayılar ve tamsayılar olmak üzere iki farklı şekilde ifade edilebilir.
- Dizeler: JavaScript’te dizeler, tırnak işaretleri (“”) veya tek tırnak işaretleri (”) arasına alınmış karakter dizileridir.
- Boole değerleri: JavaScript’te Boole değerleri, true veya false değerlerini alabilir.
- Nesneler: JavaScript’te nesneler, özelliklerden ve metotlardan oluşan yapılardır.
- Diziler: JavaScript’te diziler, sıralı elemanlardan oluşan yapılardır.
JavaScript’in temel operatörleri şunlardır:
- Aritmetik operatörler: +, -, *, / ve % operatörleri, sayılar üzerinde aritmetik işlemler yapmak için kullanılır.
- Karşılaştırma operatörleri: ==, !=, <, >, <= ve >= operatörleri, iki değeri karşılaştırmak için kullanılır.
- Mantıksal operatörler: &&, || ve ! operatörleri, Boole değerleri üzerinde mantıksal işlemler yapmak için kullanılır.
- Atama operatörleri: =, +=, -=, *=, /= ve %= operatörleri, bir değişkene değer atamak veya değişkenin değerini değiştirmek için kullanılır.
JavaScript’in temel kontrol yapıları şunlardır:
- if…else if…else: if…else if…else yapısı, bir koşulun doğru olup olmadığını kontrol etmek ve doğruysa belirli bir kodu çalıştırmak, yanlışsa başka bir kodu çalıştırmak için kullanılır.
- switch…case: switch…case yapısı, bir değerin belirli bir değere eşit olup olmadığını kontrol etmek ve eşitse belirli bir kodu çalıştırmak için kullanılır.
- for: for döngüsü, belirli bir sayıda kez belirli bir kodu çalıştırmak için kullanılır.
- while: while döngüsü, belirli bir koşul doğru olduğu sürece belirli bir kodu çalıştırmak için kullanılır.
- do…while: do…while döngüsü, belirli bir kodu en az bir kez çalıştırmak ve ardından belirli bir koşul doğru olduğu sürece tekrar çalıştırmak için kullanılır.
JavaScript Örnekleri
Aşağıdaki örneklerde, JavaScript’in nasıl kullanıldığını göreceksiniz.
1. Bir sayfaya “Merhaba Dünya!” yazdırmak:
javascript
document.write("Merhaba Dünya!");
2. Bir sayfaya bir form oluşturmak:
“`javascript
“`
3. Bir sayfaya bir menü oluşturmak:
“`javascript
“`
4. Bir sayfaya bir animasyon eklemek:
“`javascript
var element = document.getElementById(“animasyon”);
element.style.animation = “animasyon 2s infinite”;
“`
5. Bir sayfaya bir oyun geliştirmek:
“`javascript
var canvas = document.getElementById(“oyun”);
var context = canvas.getContext(“2d”);
var top = {
x: 100,
y: 100,
dx: 2,
dy: 2
};
function oyun() {
context.clearRect(0, 0, canvas.width, canvas.height);
top.x += top.dx;
top.y += top.dy;
if (top.x < 0 || top.x > canvas.width) {
top.dx = -top.dx;
}
if (top.y < 0 || top.y > canvas.height) {
top.dy = -top.dy;
}
context.beginPath();
context.arc(top.x, top.y, 10, 0, 2 * Math.PI);
context.fillStyle = “red”;
context.fill();
requestAnimationFrame(oyun);
}
oyun();
“`