Pilihan jawaban
Baris jawaban yang bisa diklik seluruhnya. Keadaan benar/salah dipakai di halaman hasil, bukan saat mengerjakan.
Sedang mengerjakan
Kunci A–E di kiri. Baris terpilih diberi garis tepi biru dan latar tipis.
Lihat kode
<div class="ck-stack ck-stack-3" style="max-width:38rem"> <label class="ck-option"><input type="radio" name="q1" checked><span class="ck-option__key">A</span><span>x = 2 dan x = 3</span></label> <label class="ck-option"><input type="radio" name="q1"><span class="ck-option__key">B</span><span>x = 1 dan x = 6</span></label> <label class="ck-option"><input type="radio" name="q1"><span class="ck-option__key">C</span><span>x = −2 dan x = −3</span></label> <label class="ck-option"><input type="radio" name="q1"><span class="ck-option__key">D</span><span>x = 0 dan x = 5</span></label> </div>
Setelah dinilai
Jawaban benar berlatar hijau, jawaban salah berlatar merah. Ikon wajib ada.
x = 2 dan x = 3Benar
x = 1 dan x = 6Jawabanmu
Cx = −2 dan x = −3
Lihat kode
<div class="ck-stack ck-stack-3" style="max-width:38rem"> <div class="ck-option ck-option--correct"><span class="ck-option__key"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M20 6 9 17l-5-5"/></svg></span><span class="ck-grow">x = 2 dan x = 3</span><span class="ck-badge ck-badge--success">Benar</span></div> <div class="ck-option ck-option--wrong"><span class="ck-option__key"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"><path d="M18 6 6 18M6 6l12 12"/></svg></span><span class="ck-grow">x = 1 dan x = 6</span><span class="ck-badge ck-badge--destructive">Jawabanmu</span></div> <div class="ck-option"><span class="ck-option__key">C</span><span class="ck-grow ck-muted">x = −2 dan x = −3</span></div> </div>