Latihan 1 dari materi Apa itu Svelte? di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Komponen Svelte paling sederhana adalah HTML biasa. Kode awal di editor sudah berisi jawabannya, biarkan seperti itu:
<h1>Halo Svelte!</h1>
Baca kodenya: satu heading <h1> berisi teks Halo Svelte!. Gak perlu <script>, return, atau function.
Tekan Run Test. Editor meng-compile kodemu dengan compiler Svelte asli, lalu memeriksa hasilnya.
Yang dicek:
Halaman punya elemen <h1>.
<h1> berisi persis Halo Svelte! (huruf besar-kecil dan tanda seru ikut dihitung).
Hint
File .svelte boleh berisi HTML biasa saja. Itu sudah satu komponen yang sah, compiler yang mengurus sisanya.
Cukup satu baris markup: tag pembuka h1, teksnya, lalu tag penutup h1. Gak ada script atau return.
<h1>Halo Svelte!</h1>
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...
