Atölye › Metin dedektifi › 3/13. adım

Yazdıkça güncelle

Ne yapıyoruz

Şu an sayım yalnız bir kez, sayfa açılırken yapılıyor; kutuya yazınca değişmiyor. Sayım satırını bir fonksiyona koyup kutu her değiştiğinde yeniden çalıştıracağız. Böylece dedektif sen yazdıkça çalışır.

```js
function update() {
  result.textContent = 'Characters: ' + box.value.length
}

box.addEventListener('input', update)
update()
```

Ne işe yarıyor

• function update() { ... } → raporu hazırlayan fonksiyon. Tanımlamak çalıştırmak değildir.
• box.addEventListener('input', update) → "kutuya her yazıldığında (input olayı) update'i çalıştır". Dikkat: update yanında parantez yok; fonksiyonu şimdi çağırmıyoruz, kutuya teslim ediyoruz.
• update() → sayfa açılır açılmaz bir kez çalıştır ki ilk rapor boş kalmasın.

Sıra sende

1. Son satırın üstüne function update() { yaz, satırı iki boşluk içeri al, altına } yaz.
2. Bir boş satırdan sonra dinleyici satırını ve update() çağrısını yaz.
3. Çalıştır, sonra sağdaki sayfada kutuya bir şeyler yaz: sayı hemen değişmeli.

Beceriler: Fonksiyonlar, Klavye ve fare girdisi

← Karakterleri say Kelimelere böl →

Tüm adımlar

1. Metni oku
2. Karakterleri say
3. Yazdıkça güncelle
4. Kelimelere böl
5. Fazla boşluk tuzağı
6. Boş kutuda kelime yok
7. Her kelimeyi say
8. Noktalamayı at
9. En sık kelime
10. Bir harfi kaydır
11. Bütün metni şifrele
12. Gizli satır
13. Kendin yap: şifreyi çöz