Latihan 1 dari materi hx-select 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 Content</button> dan <div id="result">. Server di alamat /page membalas halaman penuh, dan yang kamu butuhkan cuma bagian #content-nya. Biarkan hx-target dan #result, lalu di tombol yang sama:
hx-get="/page" supaya tombolnya meminta halaman itu.hx-select="#content" supaya cuma bagian #content dari balasan yang masuk ke #result.Yang dicek:
<button> punya hx-get persis /page dan hx-select persis #content.<button> punya hx-target yang gak kosong, dan id yang ditunjuknya benar-benar ada di halaman (#result).hx-select dan hx-get di luar komentar.Di pratinjau, klik mengirim GET /page, yang dijawab 404 karena belum ada contoh balasan. Mau melihat hx-select bekerja? Tambahkan <template data-url="/page"><header>Menu</header><div id="content">Isi halaman</div></template>: cuma bagian #content yang masuk ke #result. Template itu gak dinilai.
