Latihan 1: Conditional Rendering Svelte — Svelte

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

Kode awal sudah punya let loggedIn = false dan tombol yang membalik loggedIn setiap diklik. Biarkan keduanya.

  1. Di atas tombol, buka blok {#if loggedIn} yang berisi <p>Selamat datang!</p>.
  2. Tambahkan cabang {:else} yang berisi <p>Silakan login</p>, lalu tutup dengan {/if}.

Penguji membaca <p> pertama dan mengklik <button> pertama.

Yang dicek:

Hint