Latihan 1 dari materi hx-get di HTMX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya tombol Load Users dan <div id="user-list">. Biarkan keduanya, lalu lengkapi tombolnya:
hx-get="/api/users" di <button>, supaya tombol meminta daftar pengguna.hx-target="#user-list" di tombol yang sama, supaya balasannya masuk ke div itu, bukan menimpa tulisan tombolnya.Yang dicek:
<button> punya hx-get bernilai persis /api/users.<button> punya hx-target bernilai persis #user-list.#user-list ada di halaman.hx-get dan hx-target di luar komentar.Di pratinjau, htmx berjalan: klik mengirim GET /api/users, yang dijawab 404 karena belum ada contoh balasan, jadi #user-list gak berubah. Mau melihatnya terisi? Tambahkan <template id="contoh-balasan"><ul><li>Budi</li><li>Sinta</li></ul></template> di bawahnya. Template itu gak dinilai.
