Latihan 1: Derived Stores — Svelte

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

Kode awal sudah punya import { writable } from "svelte/store" dan const count = writable(5). Biarkan keduanya.

Tambahkan derived ke import-nya: import { writable, derived } from "svelte/store".
Di bawah count, buat const doubled = derived(count, ($c) => $c * 2).
Di bawah </script>, tulis {$count} x 2 = {$doubled}.

Yang dicek:

 berisi persis 5 x 2 = 10.
Kodemu memanggil derived(. Tulisan di dalam komentar gak dihitung.
Store yang dibuat dengan derived dibaca di markup, misalnya {$doubled}. Angka yang diketik langsung di kalimat gak dihitung.

Hint

doubled gak diperbarui dengan tangan: ia dihitung ulang sendiri dari count setiap count berubah. Kalimatnya membaca kedua store dengan tanda $.
Impor derived dari svelte/store, buat const doubled = derived(count, rumus yang mengalikan dua), lalu rangkai paragrafnya dari {$count} dan {$doubled}.
const doubled = derived(count, ($c) => $c * 2) lalu {$count} x 2 = {$doubled}

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

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Derived Stores — Svelte

Hint

Memperbarui Aplikasi