Latihan 1: Lifecycle Svelte — Svelte

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

Kode awal sudah punya let pesan = "Loading..." dan <p>{pesan}</p>. Biarkan keduanya.

Di baris pertama <script>, impor hook-nya: import { onMount } from "svelte".
Di bawah let pesan, panggil onMount(() => { ... }), dan di dalamnya isi pesan = "Komponen sudah dimount!".

Yang dicek:

Halaman punya <p>.
Kodemu memanggil onMount(. Tulisan di dalam komentar gak dihitung.
Setelah komponennya tampil, <p> berisi persis Komponen sudah dimount! (huruf K besar, tanda seru di akhir).

Hint

onMount menjalankan callback-nya sekali, setelah komponen pertama kali tampil. Ganti pesan dari dalam callback itu.
Impor onMount dari "svelte", lalu panggil onMount dengan arrow function yang memberi pesan nilai baru.
import { onMount } from "svelte" lalu onMount(() => { pesan = "Komponen sudah dimount!" })

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

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Lifecycle Svelte — Svelte

Hint

Memperbarui Aplikasi