Latihan 1: Await Blocks — Svelte

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.

  1. Di bawah </script>, buka blok penunggunya dan tampilkan keadaan menunggu: {#await promise} lalu <p>Loading...</p>.
  2. Tambahkan cabang berhasil yang menampilkan nilainya di paragraf: {:then data} lalu <p>{data}</p>.
  3. Tambahkan cabang gagal, lalu tutup bloknya: {:catch error} lalu <p>Error: {error.message}</p>, dan {/await}.

Yang dicek:

Hint