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 = [];

Sıradaki ders: Görev nesnesi tasarımı

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler