Latihan 1 dari materi Events HTMX di HTMX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya <button hx-target="#result">Load Data</button> dan <div id="result">. Biarkan hx-target dan #result, lalu di tombol yang sama:
hx-get="/api/data" supaya tombolnya meminta data itu.hx-on::before-request yang mencatat sesuatu ke Console, misalnya hx-on::before-request="console.log('Mengirim request...')". Isi kalimatnya bebas, asal gak kosong.Yang dicek:
<button> punya hx-get persis /api/data.<button> punya atribut hx-on::before-request (dua titik dua, huruf kecil), dan isinya gak kosong.hx-on: dan hx-get di luar komentar.Di pratinjau, klik Load Data: Console menulis pesanmu tepat sebelum request dikirim, lalu GET /api/data dijawab 404 karena belum ada contoh balasan, jadi #result tetap kosong.
