Latihan 1 dari materi Event Handling Svelte di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Penguji mencari tombol dari teksnya, jadi teks tombolnya harus persis +1 dan -1, tanpa spasi. Penguji membaca <p> pertama.
Yang dicek:
Halaman punya paling sedikit 2 <button>.
Sebelum diklik, <p> berisi persis Count: 0.
Kodemu memakai on:click. Tulisan di dalam komentar gak dihitung.
Sesudah tombol +1 diklik sekali, <p> berisi Count: 1.
Dari awal lagi, sesudah tombol -1 diklik sekali, <p> berisi Count: -1.
Hint
Di Svelte 4, pendengar event ditulis sebagai directive di elemennya: on: lalu nama event-nya, lalu function yang dijalankan.
Dua tombol, masing-masing dengan on:click berisi arrow function yang menambah atau mengurangi count. Teks tombolnya persis +1 dan -1, dan paragrafnya menampilkan count setelah tulisan Count dan titik dua.