Lewati ke konten
Pilihan jawaban
Dokumentasi

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>
classroom-themekitv1.0.0