Latihan 1 dari materi Affordance di UI/UX — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal punya <button>Simpan Perubahan</button> dan tag <style> yang masih kosong. Biarkan elemennya tetap <button>, jangan diganti <span> atau <div>. Buat tombol ini terlihat bisa diklik dengan satu aturan button di dalam <style>:
background-color: #2563EBcolor: whiteborder-radius: 0.375remcursor: pointerTambahkan juga padding: 0.5rem 1rem dan border: none supaya bentuk tombolnya lengkap. Dua nilai ini gak dicek, tapi bagian dari pola tombol yang jelas.
