Latihan 1: Reactive Declarations — Svelte

Latihan 1 dari materi Reactive Declarations di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Kode awal sudah punya let count = 2 di <script>, biarkan.

Di bawah let count = 2, tambahkan reactive declaration $: doubled = count * 2.
Di luar <script>, tambahkan <p>{count} x 2 = {doubled}</p>.

Penguji membaca <p> pertama di halaman, jadi jangan taruh paragraf lain di atasnya.

Yang dicek:

Halaman punya <p>.
<p> berisi persis 2 x 2 = 4 (satu spasi di kiri dan kanan x dan =).
Kodemu memakai $:. Tulisan di dalam komentar gak dihitung.

Hint

Nilai turunan yang selalu ikut variabel lain ditulis dengan $: di depannya, bukan dengan let biasa yang cuma dihitung sekali.
Di <script>, tulis $: lalu nama variabel barunya, sama dengan, lalu rumusnya dari count. Di markup, sisipkan count dan doubled dengan kurung kurawal di dalam satu paragraf.
$: doubled = count * 2 di dalam <script>, lalu <p>{count} x 2 = {doubled}</p> di luar <script>.

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Reactive Declarations — Svelte

Hint

Memperbarui Aplikasi