Atölye › Adam Asmaca › 7/36. adım
Şimdi kelimeyi gizliyoruz: her harfin yerine bir _ çizgi. Aralarına boşluk koyacağız ki ______ tek uzun bir
çizgi gibi görünmesin: _ _ _ _ _.
Bu yazıyı üreten küçük bir fonksiyon yazacağız: masked ("maskelenmiş", gizlenmiş). Tek satır, ama içinde üç yeni
fikir var; aşağıda parça parça açıklıyoruz.
```js
let word
const masked = () => [...word].map((letter) => '_').join(' ')
ctx.fillText(masked(), canvas.width / 2, 340)
```const masked = () => ... → ok fonksiyonu (arrow function): fonksiyonun kısa yazılışı. () parametre
yok demek; oktan (=>) sonrası fonksiyonun sonucu. masked() diye çağırınca o sonucu geri verir.[...word] → üç nokta kelimeyi harflerine dağıtır ve köşeli parantez onları bir listeye koyar:
'TIGER' → ['T', 'I', 'G', 'E', 'R']..map((letter) => '_') → listenin her elemanı için küçük fonksiyonu çalıştırır ve sonuçlardan yeni bir
liste yapar. Her harf için sonuç '_': ['_', '_', '_', '_', '_']. (letter şimdilik kullanılmıyor; bir
sonraki adımda işe yarayacak.).join(' ') → listeyi aralarına boşluk koyarak tek bir yazıya çevirir: '_ _ _ _ _'.draw içinde word yerine artık masked() yazıyoruz.let word satırının altına bir boş satır bırakıp masked satırını yaz.draw içindeki ctx.fillText(word, ...) satırında word yerine masked() yaz (parantezleriyle)._ _ _ _ _ gibi çizgiler görmelisin; her çalıştırmada sayıları değişebilir.Beceriler: Diziler ve nesneler, Fonksiyonlar
← Kelimeyi yaz Tahminleri hatırla →