Latihan 1 dari materi Internationalization (i18n) di UI/UX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Pakai Intl API untuk memformat uang dan tanggal sesuai locale. Kode awal sudah punya dua function kosong dan tiga baris console.log; biarkan ketiga baris itu dan urutannya.
formatCurrency(amount, locale, currency) membuat new Intl.NumberFormat(locale, { style: 'currency', currency }), lalu mengembalikan hasil .format(amount). Contoh: formatCurrency(0, 'en-US', 'USD') mengembalikan "$0.00".
formatDate(isoString, locale) mengubah teks ISO jadi new Date(isoString), lalu mengembalikan hasil new Intl.DateTimeFormat(locale, { timeZone: 'UTC' }).format(...) dengan format bawaan. timeZone: 'UTC' menjaga tanggalnya tetap sama di zona waktu mana pun. Contoh: formatDate('2024-01-02T00:00:00Z', 'en-US') mengembalikan "1/2/2024".
Ketiga baris console, berurutan, harus mencetak:
$1,234.50
$1,000.00
6/15/2024
Hint
Pemformat bawaan browser sudah tahu aturan tiap locale, jadi jangan menyusun pemisah ribuan, desimal, atau simbol dolar sendiri.
Mata uang dikirim sebagai opsi, terpisah dari locale: { style: 'currency', currency }. Teks ISO perlu jadi objek Date dulu, dan timeZone: 'UTC' mencegah tanggalnya mundur sehari di zona lain.
return new Intl.NumberFormat(locale, { style: 'currency', currency }).format(amount); ... return new Intl.DateTimeFormat(locale, { timeZone: 'UTC' }).format(new Date(isoString));
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...