Latihan 1 dari materi Proyek Svelte di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Buat Todo App sederhana:
Input untuk menambah todo baru
List todo dengan {#each}
Button hapus untuk setiap todo
Counter todo yang belum selesai
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...