Proje: Yapılacaklar listesi
5 derslik to-do projesine genel bakış: görevleri nesne olarak tutup yöneteceksin.
Yapılacaklar listesi projesi
Bu projede beş derslik bir yapılacaklar listesi uygulaması kuracaksın. Her görev bir nesne olarak tutulur ve bir dizi içinde toplanır.
Uygulama görev eklemeyi, listelemeyi, tamamlamayı ve silmeyi destekleyecek. Her ders bir parça ekler ve önceki dersin çözümü üzerine inşa eder. Başlangıçta boş bir liste ve bir sayaç tanımlayacaksın.
Proje yapısı
Uygulama dört temel işlemi yönetir. addTask yeni görev ekler, listTasks hepsini gösterir, completeTask bir görevi tamamlar ve deleteTask kaldırır.
Her görev üç alan taşır: id (benzersiz numara), title (görevin başlığı) ve completed (tamamlandı mı). id değerleri nextId sayacıyla üretilir ve her eklemede bir artırılır.
Veriyi nasıl tutacağız
Görevleri bir dizi içinde tutacağız. Başlangıçta dizi boştur: let tasks = []. Her yeni görev bu diziye push ile eklenir.
Her görevin benzersiz bir numarası olmalı. nextId değişkeni ilk görev için 1 değerini taşır ve her eklemeden sonra artırılır. Böylece iki görev aynı id'yi paylaşmaz.
Uygulama Görev listesini başlat
Boş bir tasks dizisi ve 1 değerinde bir nextId sayacı tanımla. Bu ikisi projenin geri kalanında temel olacak.
Örnek çözümü göster
Diziyi [] ile, sayacı 1 ile başlat.
Örnek çözüm:
let tasks = [];
let nextId = 1;
Kendini test et
-
Bir görev nesnesinde hangisi tamamlanma durumunu izler?
- id
- title
- completed
- nextId
Cevabı göster
completed — completed alanı true veya false tutar ve görevin bitirilip bitirilmediğini gösterir.
-
Görev listesi dizisini tanımla
// Görev listesi let ____ = [];Cevabı göster
// Görev listesi let tasks = [];