Latihan 1 dari materi hx-trigger htmx: Atur Pemicu Request di HTMX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya <input type="search" name="q"> dengan hx-get="/api/search" dan hx-target="#results", plus <div id="results">. Biarkan semuanya, lalu:
hx-trigger="keyup changed delay:300ms" di <input> yang sama. Request dikirim 300 ms sesudah ketikan terakhir, dan cuma kalau nilainya berubah.Yang dicek:
<input>, dan hx-trigger-nya memuat keyup, changed, dan delay:300ms.hx-target di <input> tetap persis #results, supaya hasilnya gak menimpa kolomnya.hx-trigger dan delay: di luar komentar (komentar TODO gak dihitung).Di pratinjau, 300 ms sesudah kamu berhenti mengetik, htmx mengirim GET /api/search?q=..., yang dijawab 404 karena belum ada contoh balasan, jadi #results tetap kosong.
