Proje: Quiz uygulaması
5 derslik quiz projesine genel bakış: soru nesneleri tanımlayıp skor hesaplayacaksın.
Proje: Quiz uygulaması
Bu 5 derslik projede bir quiz uygulaması yapacaksın. Her derste bir parça ekleyecek, son derste çalışan tam bir mini uygulama elinde olacak.
Şunları yapacaksın:
- Soru, seçenekler ve doğru cevabı tutan
nesnelertanımlamak - Bu nesneleri bir
diziiçinde toplamak for...ofile soruları sırayla göstermek- Kullanıcının cevabını doğru cevapla karşılaştırmak
- Bir
skorsayacı tutup sonucu göstermek
Hazırsan başlayalım.
Hangi kavramları kullanacaksın?
Bu projede daha önce öğrendiğin kavramları birleştireceksin:
object literalile soru, seçenekler ve doğru cevabı tek nesnede tutmak- Bu nesneleri bir
diziiçinde toplamak (nesne dizisi) for...ofile dizideki her soruyu sırayla dolaşmakparseIntile string cevabı sayıya çevirmek===ile katı eşitlik kontrolü yapmak- Toplayıcı deseni:
let score = 0başlangıcı vescore++ile artırma
Hepsi önceki derslerde işlendi; burada gerçek bir amaç için birleştireceğiz.
Projenin planı
Adım adım ilerleyeceğiz:
- Bu derste boş bir
questionsdizisiyle başlayacağız. - Sonraki derste soru nesnelerini tanımlayıp diziye koyacağız.
- Sonra
for...ofile soruları sırayla gösterip cevapları alacağız. - Ardından
===ile doğru cevabı kontrol edipscoresayacını artıracağız. - Son derste her şeyi birleştirip tam quiz uygulamasını elde edeceğiz.
Her ders, bir öncekinin kodunun üzerine çıkar.
Uygulama Boş bir questions dizisi tanımla
Bu projenin ilk adımı olarak boş bir questions dizisi tanımla ve konsola yazdır.
Örnek çözümü göster
// Quiz için boş bir dizi
const questions = [];
console.log(questions);Kendini test et
-
Bir soruyu ve seçeneklerini tek bir yapıda tutmak için en uygun seçenek hangisi?
- Her soru için ayrı ayrı değişkenler: q1, options1, answer1, q2, options2, answer2
- Her soru bir nesne: { question, options, answer } ve bunlar bir dizi içinde
- Tüm soruları tek bir string içinde satırlarla ayırarak
- Her seçeneği ayrı bir değişkene koyarak
Cevabı göster
Her soru bir nesne: { question, options, answer } ve bunlar bir dizi içinde — Doğru! Nesne, ilgili verileri tek bir pakette tutar; nesne dizisi ise sırayla dolaşmaya elverişlidir.
-
Kavramları eşleştir
- questions
- Soruları tutan dizi
- options
- Bir sorunun seçenekleri
- answer
- Doğru seçeneğin indeksi
- score
- Doğru cevap sayısı