Latihan 1 dari materi Transitions Svelte di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal sudah punya let visible = true, tombol <button on:click={() => visible = !visible}>Toggle</button>, dan {#if visible} berisi <p>Teks dengan fade</p>. Biarkan semuanya.
<script>, impor transisinya: import { fade } from "svelte/transition".<p transition:fade>Teks dengan fade</p>.Yang dicek:
transition:. Tulisan di dalam komentar gak dihitung.<button> dan <p>, dan teks <p> memuat Teks dengan fade.on:click dan {#if.Toggle diklik, gak ada <p> lagi di halaman. Penguji menunggu sekitar satu detik, jadi fade 400 ms sempat selesai. Tanpa import-nya, klik itu berakhir dengan ReferenceError: fade is not defined, dan paragrafnya tetap ada.
