Latihan 2 dari materi Conditional Rendering di Vue — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Kode awal sudah punya const nilai = ref(85) dan sebuah <div> berisi <input id="nilai"> yang terikat ke nilai, biarkan. Di bawah input itu, ganti komentar TODO dengan tiga paragraf berurutan, tanpa elemen lain di antaranya:
<p id="grade" v-if="nilai >= 80">A</p><p id="grade" v-else-if="nilai >= 60">B</p><p id="grade" v-else>C</p>Yang dicek:
#grade berisi persis A, karena 85 lolos syarat pertama.65 atau 60 diketik ke #nilai, #grade berisi B; setelah 40, C.v-else-if dan v-else.<p id="grade"> yang ada di halaman. Tiga v-if terpisah menampilkan A dan B sekaligus.
