CodeBlanks Logo Icon CodeBlanks

Özet - Tarih ve saat

JavaScript kursu · Orta seviye · Ders 117/134

Date ve Intl.DateTimeFormat kullanarak bir doğum günü geri sayım uygulaması yazarsın.

Özet - Tarih ve saat

Bu grupta Date nesnesini öğrendin: oluşturma, bileşen okuma, biçimlendirme, Intl.DateTimeFormat ve tarih hesapları. Şimdi bunları bir doğum günü geri sayımında birleştireceksin.

const today = new Date();
const birthday = new Date(2024, 7, 3);
const diff = birthday.getTime() - today.getTime();
const days = Math.floor(diff / MS_PER_DAY);

Önce tarihi oluştur, sonra biçimlendir, en son farkı hesapla. İki mini görevle tüm adımları pekiştireceksin.

Uygulama Doğum gününü biçimlendir

birthday değişkenine bu yılki doğum gününü ata (örneğin new Date(2024, 7, 3)). Intl.DateTimeFormat('tr-TR', { weekday: 'long', day: 'numeric', month: 'long' }) ile biçimlendir ve sonucu console.log ile yazdır.

Örnek çözümü göster
Doğum gününü new Date ile oluştur, sonra Intl.DateTimeFormat ile biçimlendir.
Örnek çözüm:
const birthday = new Date(2024, 7, 3);
const fmt = new Intl.DateTimeFormat('tr-TR', { weekday: 'long', day: 'numeric', month: 'long' });
console.log(fmt.format(birthday));

Uygulama Kalan gün sayısını hesapla

today ve birthday tarihleri arasındaki gün farkını hesapla. MS_PER_DAY = 24 * 60 * 60 * 1000 sabitini kullan, farkı getTime ile al ve Math.floor ile güne çevirip console.log ile yazdır.

Örnek çözümü göster
Bugün ve doğum günü timestamp'lerinin farkını al, MS_PER_DAY ile böl ve Math.floor ile aşağı yuvarla.
Örnek çözüm:
const today = new Date('2024-01-10');
const birthday = new Date('2024-02-10');
const MS_PER_DAY = 24 * 60 * 60 * 1000;
const diffMs = birthday.getTime() - today.getTime();
const daysLeft = Math.floor(diffMs / MS_PER_DAY);
console.log(daysLeft);

Kendini test et

  1. Doğum günü geri sayımında kalan günü hesaplamak için hangi iki değer gerekir?

    • Saat ve dakika
    • Yıl ve ay
    • Bugünün tarihi ve doğum günü tarihi
    • Hafta günü ve saat dilimi
    Cevabı göster

    Bugünün tarihi ve doğum günü tarihi — Doğru! Bugün ve doğum günü timestamp'lerinin farkı kalan günü verir.

  2. Özet parçalarını eşleştir

    new Date()
    tarih oluştur
    getFullYear()
    yılı oku
    toISOString()
    ISO'ya çevir
    Intl.DateTimeFormat
    bölgesel biçim

Orta seviye bölümündeki tüm dersler