Latihan 2 dari materi Conditional Rendering Svelte di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Buat grading system:
Variabel nilai = 85
Tampilkan grade di <p>:
= 90: A
= 80: B
= 70: C
Lainnya: D
Hint
Perhatikan instruksi, variabel apa yang perlu reactive? Blok logika apa yang diminta?
Di Svelte, variabel di level teratas otomatis reactive. Gunakan $: untuk reactive declarations.
Periksa sintaks template Svelte: {#if}, {#each}, {#await} untuk control flow, dan bind: untuk two-way binding.
HyperSheets
bagian dari BelajarWeb.dev
🔄
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...