Görev modeli

Task nesnesini ve dizi yapısını tasarlarsın.

Görev modeli

Bu 5 derslik projede bir yapılacaklar listesi (to-do listesi) uygulaması yapacaksın. Her derste listeye bir parça ekleyecek, son derste komut satırından çalışan tam bir uygulama elde edeceksin.

İlk ders task nesnesini tasarlamak. Bir görevin iki özelliği olacak: title (başlık metni) ve done (tamamlandı mı). Bu yapı projenin tüm derslerinde kullanılacak. JavaScript'te ilgili verileri tek bir nesne altında toplamak için nesne literalı { } kullanılır.

Örnek: const task = { title: 'Ekmek al', done: false }. Bu, başlığı 'Ekmek al' ve durumu 'tamamlanmadı' olan bir görevi temsil eder. task.title ile başlığa erişebilirsin.

Nesne ile görev tanımla

Bir görev nesnesi, nesne literalı ile tanımlanır: { title: '...', done: false }. title metin, done ise mantıksal bir değerdir. Yeni görev her zaman false (tamamlanmadı) ile başlar.

Nesneyi const ile bir değişkene bağladıktan sonra nokta yazımıyla özelliklerine erişebilirsin: task.title başlığı, task.done ise durumu verir. Özellik değerini sonradan değiştirebilirsin: task.done = true görevi tamamlandı işaretler.

Bu dersin görevinde tek bir görev nesnesi tanımlayıp başlığını ekrana yazdıracaksın. Sonraki derslerde bu nesne yapısını bir dizi içinde toplayacağız.

Uygulama Görev nesnesini yazdır

task adında bir nesne tanımla: { title: 'Ekmek al', done: false }. task.title özelliğini console.log ile yazdır.

Örnek çözümü göster

const task = { title: 'Ekmek al', done: false };
console.log(task.title);

Kendini test et

task.title ne yazdırır?
```
const task = { title: 'Ekmek al', done: false };
console.log(task.title);
```
- Task
- null
- Ekmek al
- Boş
Cevabı göster

Ekmek al — task.title özelliği 'Ekmek al' değerini taşır.

done özelliği

const task = { title: 'Ekmek al', done: ____ };

Cevabı göster

const task = { title: 'Ekmek al', done: false };

Görev nesnesini eşle

title

Başlık özelliği
done

Durum özelliği
false

Yeni görevin done değeri
task.title

Başlığa erişim

Sıradaki ders: Görev ekleme

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler