Latihan 1 dari materi Await Blocks di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal sudah punya <script> dengan let promise yang berhasil setelah 100 ms dengan nilai "Data berhasil dimuat!", lalu komentar TODO. Biarkan script-nya.
Di bawah </script>, buka blok penunggunya dan tampilkan keadaan menunggu: {#await promise} lalu <p>Loading...</p>.
Tambahkan cabang berhasil yang menampilkan nilainya di paragraf: {:then data} lalu <p>{data}</p>.
Tambahkan cabang gagal, lalu tutup bloknya: {:catch error} lalu <p>Error: {error.message}</p>, dan {/await}.
Yang dicek:
Kodemu menyebut #await, :then, dan :catch. Tulisan di dalam komentar gak dihitung.
Halaman punya <p>.
Setelah promise-nya selesai, <p> memuat kata Data (bunyinya Data berhasil dimuat!). Penguji menunggu sekitar satu detik.
Hint
Templatenya bisa menunggu promise langsung lewat satu blok dengan tiga cabang: selagi menunggu, saat berhasil, dan saat gagal.
Buka dengan #await promise, lanjutkan dengan :then data dan :catch error, lalu tutup dengan /await. Tiap cabang berisi satu paragraf.