Latihan 1 dari materi Actions Svelte di Svelte — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal sudah punya function autofocus(node) yang memanggil node.focus() dan mengembalikan destroy(), plus <input placeholder="Otomatis focus" />. Biarkan keduanya.
Pasang action itu ke input-nya dengan directive use:: <input use:autofocus placeholder="Otomatis focus" />.
Yang dicek:
Halaman punya <input>.
Kodemu memakai use:. Tulisan di dalam komentar gak dihitung.
Input-nya benar-benar fokus saat halaman tampil (input:focus).
Hint
Action adalah function yang Svelte panggil dengan elemennya sendiri, tepat setelah elemen itu masuk ke DOM. Function autofocus-nya sudah ada, tinggal dipasang.
Directive untuk memasang action ditulis sebagai atribut di elemennya: use: diikuti nama function-nya, tanpa kurung.
