Latihan 2 dari materi Template Dasar Svelte di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal sudah punya let nama = "Budi" di <script>, biarkan. Di markupnya ada <h2> berisi komentar TODO <!-- ... -->.
Ganti komentar itu dengan {nama}, supaya isi <h2> dibaca dari variabel.
Yang dicek:
Halaman punya <h2>, dan isinya persis Budi.
Isi <h2> di kodemu dimulai dengan kurung kurawal yang membaca variabel, bukan nama yang diketik ulang dan bukan komentar.
Hint
Variabel di <script> langsung bisa dipakai di markup. Nilainya muncul di halaman kalau namanya dibungkus kurung kurawal.
Hapus komentar di dalam h2, lalu taruh nama variabelnya di antara satu pasang kurung kurawal sebagai satu-satunya isi h2.
<h2>{nama}</h2>
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...