Latihan 1 dari materi Boosting Links di HTMX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya <div> pembungkus berisi <nav> dengan tiga link: Home (/), About (/about), dan Blog (/blog). Biarkan ketiga link-nya, lalu:
Tambahkan hx-boost="true" di <div> pembungkusnya, supaya ketiga link di dalamnya dikirim lewat htmx tanpa memasang atribut di tiap link.
Yang dicek:
Ada elemen ber-hx-boost dengan nilai persis true, dan ketiga <a> berada di dalamnya.
Minimal 3 <a> di halaman, dan minimal 3 <a href="..."> di dalam elemen ber-hx-boost itu.
Kodenya memuat hx-boost di luar komentar.
Di pratinjau, link yang diklik dikirim htmx sebagai GET /about dan dijawab 404 karena belum ada contoh balasan, jadi halamannya gak berubah. Yang dinilai atribut dan letak link-nya.
Hint
Cukup satu atribut di elemen pembungkusnya. hx-boost diwariskan ke setiap link di dalamnya.
Atributnya hx-boost dengan nilai true, ditulis di tag pembuka <div>. Ketiga link tetap di dalam div itu.