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

Metin dedektifi: Metni oku

Yazdıkça her metni inceleyen bir sayfa: karakterler, kelimeler, en sık kelime ve metnin Sezar şifreli hâli. İlk gerçek JavaScript'in: değişkenler, fonksiyonlar, diziler, döngüler ve Map.

Ne yapıyoruz

Bir metin dedektifi yapıyoruz: kutuya yazılan her metni inceleyip rapor verecek: kaç harf, kaç kelime, en çok hangi kelime geçiyor... Sonunda metni gizli bir şifreyle de yazacak.

Sayfa hazır: bir başlık, bir yazı kutusu (textarea) ve sonucun yazılacağı boş bir paragraf (#result). Bu sefer JavaScript yazacağız: <script> etiketinin içine. İlk iş: kutudaki metni okuyup altına yazmak.

```js
const box = document.querySelector('#text')
const result = document.querySelector('#result')
result.textContent = box.value
```

Ne işe yarıyor

• document.querySelector('#text') → sayfada kimliği (id) text olan öğeyi bul: yazı kutusu. CSS'teki gibi # kimlik demek.
• const box = → onu box (kutu) adıyla tut. İkinci satır aynı şeyi sonuç paragrafı için yapıyor.
• box.value → kutunun içinde yazanlar.
• result.textContent = ... → paragrafın yazısını değiştir. Sağ taraftaki değer sol tarafa konur.

Sıra sende

Üç satırı <script> ile </script> arasındaki boş satıra yaz. Çalıştır: metin kutunun altında da görünmeli.

Beceriler: HTML ile sayfa yapısı, Fonksiyonlar

Karakterleri say →

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