Add files via upload

deryaxacar · web-flow · commit d9936923f6c6 · 2025-01-05T14:20:03.000+03:00
diff --git a/Ex06/README.MD b/Ex06/README.MD
@@ -0,0 +1,65 @@
+### Document.GetElementById` Nedir?
+
+JavaScript içerisinde yer alan `document.getElementById()` fonksiyonu, HTML belgesindeki **ID** (benzersiz kimlik) özelliğine sahip bir elementi bulmak için kullanılır. Bu fonksiyon, sayfadaki ilgili etiketi **Element** nesnesi şeklinde döndürür ve böylece o element üzerinde çeşitli işlemler (metin değiştirme, stil ayarlama vb.) yapmanızı sağlar.
+
+---
+
+### Temel Kullanım
+
+HTML tarafında bir elemente **`id`** özelliği tanımlayın:
+
+```html
+<div id="box1"></div>
+
+```
+
+JavaScript tarafında, bu `id` değerini `document.getElementById()` fonksiyonuna parametre olarak geçin:
+
+```javascript
+var box = document.getElementById("box1");
+
+```
+
+Bu kod, `id` değeri "box1" olan `<div>` elementini seçer ve değişkene atar. Bundan sonra, box üzerinden her türlü `DOM (Document Object Model)`manipülasyonunu yapabilirsiniz.
+
+**örnek:**
+
+```javascript
+var box = document.getElementById("box1");
+box.innerHTML = "Buraya yeni bir metin eklendi!";
+box.style.backgroundColor = "yellow";
+
+```
+
+**Yukarıdaki kod:**
+
+- box değişkenine atanan `<div>` elementi içinde yer alan içeriği `“Buraya yeni bir metin eklendi!”` olarak günceller.
+- box değişkeni aracılığıyla `<div>` etiketinin arka plan rengini sarı olarak ayarlar.
+
+---
+
+### Neden Kullanılır?
+
+- **Hızlı Erişim:** Bir sayfadaki belirli bir elemente doğrudan erişmeniz gerektiğinde.
+
+- **Benzersiz Kimlik:** Herhangi bir `HTML` elementine sadece tek bir `id` atanabildiğinden, document.`getElementById()` yöntemi en güvenilir seçimdir.
+
+- **Dinamik Değişiklikler:** `Metin`, `stil` veya `atribut` (özellik) değişikliklerini kolaylıkla yapmanıza olanak tanır.
+
+---
+
+### Dikkat Edilmesi Gerekenler
+
+- **Element Bulunamazsa:** Eğer belge içinde belirtilen `id` yoksa sonuç `null` döner. Bu nedenle, `null` kontrolü yapmanız gerekebilir.
+
+- **Benzersiz id Kullanımı:** Aynı sayfada birden fazla elemente aynı `id` verilmemelidir. Aksi durumda, fonksiyon ilk bulduğu elementi döndürür veya tarayıcınıza göre hatalı davranışlara yol açabilir.
+
+- **Tarayıcı Uyumluluğu:** `document.getElementById()` hemen hemen tüm modern ve eski tarayıcılarda desteklenir.
+
+---
+
+**Özet**
+
+`document.getElementById()` fonksiyonu, `HTML` sayfanızdaki belirli bir elementi `(ID’si ile belirtilen)` kolayca seçmek ve üzerinde değişiklik yapmak için temel araçlardan biridir. `Dinamik web` uygulamaları geliştirirken en çok kullanılan `DOM` manipülasyon yöntemlerinden biri olarak öne çıkar.
+
+---
diff --git a/Ex06/index.html b/Ex06/index.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <noscript>Javascript property not found</noscript>
+</head>
+<body>
+    
+    <div id="box1"></div>
+    
+</body>
+<script type="text/javascript" lang="javascript" src="script.js" ></script>
+</html>
diff --git a/Ex06/script.js b/Ex06/script.js
@@ -0,0 +1 @@
+var box = document.getElementById("box1");

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+var box = document.getElementById("box1");`