Özet - Tarih ve saat

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

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.
Ö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

Sıradaki ders: RegExp sözdizimi

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler