Latihan 1 dari materi View Transitions API di Web Animation — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Lengkapi dua function: pengecekan dukungan yang wajib sebelum memanggil View Transitions API, dan nama method-nya.
supportsViewTransitions(doc) mengembalikan true kalau object doc punya methodstartViewTransition, dan false kalau gak. Hasilnya harus boolean sungguhan (true/false), bukan method-nya sendiri. Method yang ditulis singkat (startViewTransition() {}) juga dihitung.
Tiga console.log di kode awal biarkan saja. Yang dinilai, baris console-nya harus persis:
true
false
startViewTransition
Nilai kembaliannya juga dinilai langsung: supportsViewTransitions({ close: () => {} }) harus false, dan supportsViewTransitions({ startViewTransition() {} }) harus true.
Hint
Pengecekan dukungan melihat apakah method-nya ada sebelum dipanggil, supaya browser lama gak melempar TypeError.
Bandingkan typeof dari doc.startViewTransition dengan teks 'function'; hasil perbandingan itu sudah boolean. Function kedua cukup satu baris return.
return typeof doc.startViewTransition === 'function'; dan return 'startViewTransition';
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...