Pemrograman Web dan Perangkat Bergerak 11th Grade Quiz

Pemrograman Web dan Perangkat Bergerak

Quiz

•

Information Technology (IT)

•

11th Grade

•

Hard

Handrianus Obe

Used 2+ times

FREE Resource

10 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Apa itu HTML dan apa fungsinya?

HTML adalah sistem operasi untuk perangkat mobile.

HTML adalah bahasa markup untuk membuat dan menyusun konten di web.

HTML adalah bahasa pemrograman untuk membuat aplikasi desktop.

HTML digunakan untuk mengedit gambar dan video.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Sebutkan tiga elemen dasar dalam HTML!

, <footer>, <nav></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><div>, <span>, <section></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><script>, <link>, <meta></p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><html>, <head>, <body></p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">3. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>Apa perbedaan antara tag <div> dan <span>?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><div> adalah elemen blok, <span> adalah elemen inline.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><div> dan <span> adalah elemen yang sama</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><div> tidak dapat memiliki atribut, <span> bisa</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p><div> digunakan untuk teks, <span> untuk gambar</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">4. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>Jelaskan apa itu CSS dan bagaimana cara kerjanya!</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>CSS adalah bahasa untuk mendesain tampilan halaman web dan bekerja dengan memisahkan konten dari presentasi.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>CSS adalah alat untuk mengedit gambar dan video.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>CSS digunakan untuk mengelola database dan server.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>CSS adalah bahasa pemrograman untuk membuat aplikasi web.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">5. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>Apa itu selektor dalam CSS? Berikan contohnya!</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Selektor dalam CSS adalah warna untuk elemen HTML.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Selektor dalam CSS hanya digunakan untuk gambar.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Selektor dalam CSS adalah pola untuk memilih elemen HTML. Contoh: '.kelas' untuk memilih elemen dengan kelas 'kelas'.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Contoh selektor: '#id' untuk memilih elemen dengan ID 'id'.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">6. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>Jelaskan konsep DOM dalam JavaScript!</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>DOM adalah bahasa pemrograman yang digunakan untuk membuat aplikasi web.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>DOM adalah singkatan dari Document Object Model yang tidak berhubungan dengan JavaScript.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>DOM adalah representasi struktural dari dokumen HTML atau XML yang memungkinkan interaksi dengan elemen-elemen menggunakan JavaScript.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>DOM hanya digunakan untuk menyimpan data tanpa interaksi dengan elemen.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">7. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>Apa itu variabel dalam JavaScript?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Variabel dalam JavaScript adalah tipe data yang tidak dapat diubah.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Variabel dalam JavaScript adalah objek yang hanya menyimpan nilai tetap.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Variabel dalam JavaScript adalah fungsi untuk menjalankan kode.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Variabel dalam JavaScript adalah tempat untuk menyimpan data yang dapat diubah.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">8. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>Sebutkan tiga tipe data yang ada di JavaScript!</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Character, Float, Array</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Object, Symbol, Undefined</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Date, Function, List</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>String, Number, Boolean</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">9. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>Apa fungsi dari pernyataan 'if' dalam JavaScript?</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Fungsi dari pernyataan 'if' adalah untuk mendeklarasikan variabel.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Fungsi dari pernyataan 'if' adalah untuk mengimpor library eksternal.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Fungsi dari pernyataan 'if' adalah untuk mengevaluasi kondisi dan menjalankan kode berdasarkan hasil evaluasi tersebut.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Fungsi dari pernyataan 'if' adalah untuk mengulangi kode secara terus-menerus.</p></div></div></div></div></div></div></div></div><div class="relative box-border w-full h-full bg-wds-light-500 p-4 rounded-none border-t border-wds-light-200 group hidden" data-v-2f4282c7><div class="flex gap-4 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex justify-between items-center flex-row flex-nowrap"><div class="flex justify-start items-stretch flex-row flex-nowrap"><div class="border-wds-light-200 p-0 bg-transparent rounded-full w-full h-6"><div class="flex gap-1 justify-start items-center h-full flex-row flex-nowrap" data-testid="qt-indicator-inner"><p class="text-wds-dark-200 text-w-content-small font-normal">10. </p><div class="bg-transparent p-0 rounded-full w-auto h-auto relative"><div class="flex justify-center items-center w-full h-full flex-row flex-nowrap"></div></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="qt-indicator-text">MULTIPLE CHOICE QUESTION</p></div></div></div><div class="flex group-hover:hidden gap-2 justify-start items-stretch flex-row flex-nowrap"><p class="text-wds-dark-200 text-w-content-small font-normal">30 sec • 1 pt</p></div><div class="hidden group-hover:block w-auto h-auto"><div class="flex gap-1 justify-start items-stretch flex-row flex-nowrap"><button type="button" aria-label="Preview" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-1 px-3 border-wds-light-200 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-eye"></i></div><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Preview</p></div></div></button><div class=""><button type="button" aria-label="Edit" class="bg-wds-light-500 hover:bg-wds-magenta-200 active:bg-wds-magenta-300 py-1 px-3 border-wds-magenta-500 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center h-3 text-[9px] text-wds-magenta-600 flex-shrink-0" data-testid><i class="fas fa-pen"></i></div><p class="text-wds-magenta-600 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Edit</p></div></div></button></div></div></div></div><div class="flex gap-1 justify-start items-stretch flex-col flex-nowrap" data-v-2f4282c7><div class="flex gap-2 justify-start items-start flex-row flex-nowrap"><div class="text-w-content-base font-semibold"><div><p>Jelaskan apa itu event dalam JavaScript!</p></div></div></div></div><div class="grid w-full gap-2" style="grid-template-rows:repeat(undefined, minmax(0, max-content));grid-template-columns:repeat(2, minmax(0, 1fr));" data-v-2f4282c7><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Event dalam JavaScript adalah fungsi untuk mengubah data.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Event dalam JavaScript adalah jenis variabel yang digunakan dalam program.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Event dalam JavaScript adalah cara untuk menyimpan informasi.</p></div></div></div></div></div><div class="flex gap-0.5 overflow-auto justify-start items-start flex-row flex-nowrap"><div class="flex justify-center items-center w-6 h-6 text-base text-wds-dark-100 flex-shrink-0" data-testid><i class="far fa-circle"></i></div><div class="py-0.5 px-0"><div class=""><div class="text-w-content-base font-normal text-wrap" color="dark.primary"><div><p>Event dalam JavaScript adalah mekanisme untuk menangani interaksi pengguna dengan aplikasi.</p></div></div></div></div></div></div></div></div></div><div class="bottom-0 right-0 left-0 absolute" data-testid="content-blocker" data-v-fde55780><div class="w-full h-155 content-blocker" data-v-fde55780><div class="flex gap-2 justify-center items-center w-full h-full flex-col flex-nowrap" data-v-fde55780><div class="bg-wds-light-500 rounded-w-admin-lg shadow-w-md w-120 h-auto" data-v-fde55780><div class="flex justify-center items-center flex-row flex-nowrap w-full" data-v-fde55780><div class="flex gap-0 justify-center items-start flex-col flex-nowrap w-full" data-v-fde55780><div class="flex justify-start items-stretch w-full h-full flex-col flex-nowrap" data-v-fde55780><div class="flex p-10 justify-start items-stretch w-full flex-col flex-nowrap"><section><h1 class="text-lg md:text-xl text-dark-2 font-semibold text-center" data-testid="auth-modal-welcome-title">Create a free account and access millions of resources</h1><p class="text-sm md:text-base text-dark-4"><span></span></p><div class="flex justify-between mt-2"><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Create resources</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Host any resource</span></div><div class="flex items-center gap-1"><i class="fas fa-circle-check text-green text-xs"></i><span class="text-dark-4 text-xs">Get auto-graded reports</span></div></div></section><section class="flex flex-col space-y-3 mt-4 w-full"><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Google"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/google-logo-1.png" alt="Google" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Google-logo"><span class="text-base font-semibold btn-label">Continue with Google</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Email"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/envelope-regular.png" alt="Email" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Email-logo"><span class="text-base font-semibold btn-label">Continue with Email</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Classlink"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/img/logos/classlink-logo.png" alt="Classlink" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Classlink-logo"><span class="text-base font-semibold btn-label">Continue with Classlink</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button><button role="button" class="text-sm md:text-base rounded w-full flex justify-between items-center py-2 px-4 shadow-sm border border-light-1 hover:shadow-md" data-testid="continue-with-Clever"><span class="flex items-center space-x-4 md:justify-start"><img src="https://cf.quizizz.com/image/clever-logo.png" alt="Clever" class="w-4 h-4 object-contain" loading="lazy" data-testid="continue-with-Clever-logo"><span class="text-base font-semibold btn-label">Continue with Clever</span></span><i class="fas fa-arrow-right text-dark-5 font-normal hover:text-lilac"></i></button></section><span class="mt-4 text-dark-4 text-sm flex justify-center">or continue with</span><section class="flex flex-row justify-center mt-4 gap-4"><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:inherit;" data-testid="continue-with-Microsoft"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/img/logos/ms-logo.png"></button><span class="text-dark-2 text-[10px] mt-1">Microsoft</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#222;" data-testid="continue-with-Apple"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/Apple.png"></button><span class="text-dark-2 text-[10px] mt-1">Apple</span></div><div class="flex flex-col items-center"><button role="button" class="w-10 h-10 flex items-center justify-center shadow-md rounded-sm cursor-pointer" style="background-color:#8854C0;" data-testid="continue-with-Others"><img class="object-contain w-6 h-6" src="https://cf.quizizz.com/image/shield-halved.png"></button><span class="text-dark-2 text-[10px] mt-1">Others</span></div></section></div><section class="mt-auto w-full"><section class="justify-center text-xs text-center text-dark-5 md:flex px-10 mb-4"><span>By signing up, you agree to our <a href='/tos' style='text-decoration: underline;'>Terms of Service</a> & <a href='/privacy' style='text-decoration: underline;'>Privacy Policy</a></span></section><section role="nudge" class="text-dark-2 py-4 flex items-center justify-center space-x-1 text-xs rounded-b-lg bg-light-6"><span class="xs-hidden">Already have an account?</span><button class="bg-lilac-faded rounded px-3 py-1 text-ds-lilac-600 text-xs font-semibold ml-2" type="button" data-testid="login-button-in-signup">Log in</button></section></section></div></div></div></div><button type="link" aria-label="Let me read it first" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-transparent rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer w-fit mx-auto mt-2 bg-none bg-transparent" data-testid="restrict-content-bypass-btn" data-v-fde55780><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><p class="text-wds-dark-200 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">Let me read it first</p></div></div></button></div></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" data-v-ed93fa3e><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="similar-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-info-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-info-600 flex-shrink-0" data-testid><i class="fas fa-calculator-simple"></i></div></div><h2 class="text-w-header-base font-semibold">Similar Resources on Wayground</h2><button type="button" aria-label="View all" class="bg-transparent hover:bg-wds-dark-500-10 active:bg-wds-dark-500-20 py-2 px-4 border-wds-light-200 rounded-w-admin-lg min-w-20 border bg-clip-padding group min-w-20 rounded-lg flex items-center justify-center focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 shrink-0 focus-visible:outline-ds-lilac-500-40 cursor-pointer" data-testid="recommendations-see-more-button"><div class="visible"><div class="flex gap-1 justify-center items-center flex-row flex-nowrap"><p class="text-wds-dark-500 none underline-offset-4 select-none text-w-control-small font-semibold text-nowrap" data-testid="button-text">View all</p><div class="flex justify-center items-center h-4 text-xs text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-arrow-right"></i></div></div></div></button></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><div class="h-full relative" data-v-17c94643 data-v-4c33f125><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/quiz/674526dab657ad9aa4184c88/javascript-dom" data-testid="activity-recommendation-card-674526dab657ad9aa4184c88" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Javascript DOM" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.494qxkjqas8" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Javascript DOM</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/67c3d25d2d6d82eeb5a0d2d5/web-36-quiz" data-testid="activity-recommendation-card-67c3d25d2d6d82eeb5a0d2d5" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Web 3.6 Quiz" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.05c60vj4cfba" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Web 3.6 Quiz</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/67c3d4aa5171707a8b6f3003/web-37-quiz" data-testid="activity-recommendation-card-67c3d4aa5171707a8b6f3003" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Web 3.7 Quiz" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.e7fi9ns4vk" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Web 3.7 Quiz</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6784b07964723d269ac10f64/js-quiz" data-testid="activity-recommendation-card-6784b07964723d269ac10f64" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="JS Quiz" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.ozs277etxs" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">JS Quiz</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>6th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/66efc6e26c585156dc71133a/quiz-css" data-testid="activity-recommendation-card-66efc6e26c585156dc71133a" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Quiz CSS" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.zkd46cmzkx" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Quiz CSS</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/66f3944fd040fbe01e99296f/quiz-profesi-dan-ketrampilan-bidang-tkj" data-testid="activity-recommendation-card-66f3944fd040fbe01e99296f" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Quiz Profesi dan Ketrampilan Bidang TKJ " class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.682kt2qiox" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Quiz Profesi dan Ketrampilan Bidang TKJ </p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>10th Grade - University</p></div></div></div></div></div></a><a href="/admin/quiz/67213c4829025053afed81d4/1-quiz-de-html-css-e-javascript" data-testid="activity-recommendation-card-67213c4829025053afed81d4" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="1º Quiz de HTML, CSS e JavaScript" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.49zrnp56vw7" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">1º Quiz de HTML, CSS e JavaScript</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/674524a0cc8b9c3f89cc02d3/css-dasar" data-testid="activity-recommendation-card-674524a0cc8b9c3f89cc02d3" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="CSS - Dasar" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 10 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.x21e2zjiyms" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">CSS - Dasar</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>11th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div><div class="flex bg-wds-light-500 gap-4 p-8 rounded-w-admin-xl border border-wds-light-200 justify-start items-stretch flex-row flex-nowrap" data-v-ed93fa3e><div class="flex gap-3 max-w-40 justify-start items-start flex-col flex-nowrap" data-testid="popular-resources-identifier"><div class="flex min-h-16 min-w-16 max-w-16 rounded-full bg-wds-super-100 justify-center items-center flex-row flex-nowrap"><div class="flex justify-center items-center w-10 h-10 text-3xl text-wds-super-600 flex-shrink-0" data-testid><i class="fas fa-star"></i></div></div><h2 class="text-w-header-base font-semibold">Popular Resources on Wayground</h2></div><div class="overflow-hidden w-auto h-auto flex-grow flex-shrink basis-full relative" data-testid="recommendation-container" data-v-4c33f125><div class="h-full relative" data-v-17c94643 data-v-4c33f125><div class="scroll-container w-auto h-full" style="height:;max-height:70vh;" data-v-17c94643><div class="content h-full" data-v-17c94643><div class="flex gap-4 justify-start items-stretch flex-row flex-nowrap"><a href="/admin/quiz/6883846d597179a07527d2d2/trivia-725" data-testid="activity-popular-resource-card-6883846d597179a07527d2d2" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Trivia 7/25" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 50 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.vwdv8ujc9qq" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Trivia 7/25</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>12th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/66a7d7ea11b1ea57046182e4/standard-response-protocol" data-testid="activity-popular-resource-card-66a7d7ea11b1ea57046182e4" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Standard Response Protocol" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.6g9aiydzvb3" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Standard Response Protocol</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>6th - 8th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/58134f6006e77b871478fcc6/negative-exponents" data-testid="activity-popular-resource-card-58134f6006e77b871478fcc6" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Negative Exponents" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 11 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.x2h8svpl1t" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Negative Exponents</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>7th - 8th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5dee4b8b53423d001cdfec54/exponent-expressions" data-testid="activity-popular-resource-card-5dee4b8b53423d001cdfec54" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Exponent Expressions" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 12 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.cujx343uyyw" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Exponent Expressions</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>6th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/688678ecd1261d94b6e8cf29/exit-ticket-729" data-testid="activity-popular-resource-card-688678ecd1261d94b6e8cf29" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Exit Ticket 7/29" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 4 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.2gvo1lmp4kq" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Exit Ticket 7/29</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>8th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/5ad628a24ff5e9001b442017/subject-verb-agreement" data-testid="activity-popular-resource-card-5ad628a24ff5e9001b442017" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="Subject-Verb Agreement" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.e4b4n9qmj2u" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">Subject-Verb Agreement</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/683dcd8fa6a50113e6341283/one-step-equations-all-operations" data-testid="activity-popular-resource-card-683dcd8fa6a50113e6341283" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt="One Step Equations All Operations" class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 20 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.noe7cbxv1f" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">One Step Equations All Operations</p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>6th - 7th Grade</p></div></div></div></div></div></a><a href="/admin/quiz/6329af97ee2d13001dccbc60/a-quilt-of-a-country" data-testid="activity-popular-resource-card-6329af97ee2d13001dccbc60" data-v-bb741a84><div class="w-60 h-auto hover:border-ds-lilac-500" data-v-bb741a84><div class="flex cursor-pointer bg-wds-light-500 rounded-w-admin-lg border border-wds-light-200 transition-all hover:border-wds-magenta-500 overflow-hidden justify-start items-start flex-col flex-nowrap" data-v-bb741a84><div class="relative box-border w-full h-full bg-wds-light-400 relative" data-v-bb741a84><div class="overflow-hidden w-auto h-40 flex-shrink-0 relative group" data-v-bb741a84><img src="https://cf.quizizz.com/image/image-loader.svg" alt=""A Quilt of a Country" " class="w-full h-full object-cover" data-testid="undefined-image-loading"></div><div class="top-2 left-2 absolute" data-v-bb741a84></div><div class="bottom-2 left-2 absolute" data-v-bb741a84><div class="" data-v-bb741a84><div class="bg-wds-light-500 py-1 px-3 border max-w-max border-wds-light-200 rounded-full" data-testid="activity-display-card-stats"><p class="text-wds-dark-500 text-w-control-small font-semibold" data-testid="pill-text"><span class="flex items-center gap-1"> 18 questions</span></p></div></div></div></div><div class="border-t border-wds-light-200 w-60 h-auto" data-v-bb741a84><div class="flex gap-2 py-4 px-2 justify-start items-stretch w-full flex-col flex-nowrap" data-v-bb741a84><div data-v-bb741a84><div aria-describedby="tooltip-0.tokb6apln0m" class="contents"><p class="text-w-content-base font-semibold text-clip line-clamp-1 w-auto overflow-none" tooltipposition="top">"A Quilt of a Country" </p></div></div><div class="flex gap-1 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="flex gap-2 justify-start items-center flex-row flex-nowrap" data-v-bb741a84><div class="overflow-hidden w-4 h-4 flex-shrink-0 relative group"><img src="https://cf.quizizz.com/image/icons/quiz_solid_circle.png" alt="quiz" class="w-full h-full" data-testid="activity-type-image"></div><p class="text-wds-dark-200 text-w-content-small font-normal" data-testid="activity-type-text">Quiz</p></div><p class="text-wds-dark-100 text-w-content-base font-semibold" data-v-bb741a84> • </p><p class="text-wds-dark-200 text-w-content-small font-semibold" data-testid="activity-display-card-grade" data-v-bb741a84>9th Grade</p></div></div></div></div></div></a></div></div></div><div class="left-0 bottom-0 absolute w-full" data-v-17c94643><div class="bg-wds-dark-500-50 border border-wds-light-500-20 rounded-w-admin-lg w-auto h-2 x-thumb relative cursor-grab" style="width:0%;left:0%;opacity:0;" data-v-17c94643></div></div></div><div class="right-0 top-0 bottom-0 absolute gradient-right" data-v-4c33f125><div class="flex p-2 justify-start items-center w-full h-full flex-row flex-nowrap" data-v-4c33f125><button type="button" aria-label="chevron-right" class="bg-wds-light-500 hover:bg-wds-light-300 active:bg-wds-light-200 w-8 h-8 border-wds-light-200 border rounded-w-admin-lg border bg-clip-padding relative rounded flex items-center justify-center cursor-pointer focus-visible:outline focus-visible:outline-4 focus-visible:outline-offset-2 focus-visible:outline-ds-lilac-500-40 shrink-0" data-testid="carousel-right-button" data-v-4c33f125><div class="flex visible justify-center items-center h-full flex-row flex-nowrap"><div class="flex justify-center items-center w-5 h-5 text-sm text-wds-dark-500 flex-shrink-0" data-testid><i class="fas fa-chevron-right"></i></div></div></button></div></div></div></div></div></div></div></div><footer class="w-full py-8 mt-auto footer-container bg-light-3" data-v-32684c53><div class="px-4 mx-auto footer-inner-wrapper max-w-320 md:px-10" data-v-32684c53><div class="flex flex-col justify-between w-full" data-v-32684c53><div class="flex flex-col md:flex-row" data-v-32684c53><div class="grid justify-between w-full footer-links-container grow md:grid-rows-1" data-v-32684c53></div></div><div class="flex flex-col-reverse items-center justify-center w-full mb-10 md:mb-0 md:flex-row md:justify-between md:items-end" data-v-32684c53><div class="flex flex-col items-center space-y-4 md:items-start md:mt-5" data-v-32684c53><div class="flex flex-row items-center space-x-4 footer-bottom-container" data-v-32684c53><p class="text-sm font-semibold copyright text-dark-4" data-v-32684c53> © 2025 Quizizz Inc. (DBA Wayground) </p><div class="social-links" data-v-32684c53><a href="https://twitter.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Twitter" data-v-32684c53><i class="social-icon fab fa-twitter" data-v-32684c53></i></a><a href="https://facebook.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Facebook" data-v-32684c53><i class="social-icon fab fa-facebook" data-v-32684c53></i></a><a href="https://instagram.com/quizizz" rel="noopener noreferrer" target="_blank" aria-label="Instagram" data-v-32684c53><i class="social-icon fab fa-instagram" data-v-32684c53></i></a><span class="block w-px h-5 bg-dark-5" data-v-32684c53></span><a href="/practice/sitemaps" rel="noopenner noreferrer" target="_blank" data-v-32684c53><span class="text-sm text-dark-3 hover:underline" data-v-32684c53><span data-v-32684c53>Sitemap</span></span></a></div></div></div><div class="flex items-center col-span-2 mt-12 mb-6 space-x-4 md:mb-0 md:mt-4 md:col-span-1" data-v-32684c53><label class="text-sm font-bold text-center text-dark-3 hidden md:block" data-v-32684c53><span data-v-32684c53>Get our app</span></label><div class="flex space-x-2" data-v-32684c53><a href="https://share.quizizz.com/nz4P08MhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="App Store" data-v-32684c53><img class="m-auto duration-100 ease-linear w-28 app-store app-link" alt="apple store" src="https://cf.quizizz.com/img/landing/apple%20app%20store.png" label="" height="34" width="112" loading="lazy" aria-hidden="true" data-v-32684c53></a><a href="https://share.quizizz.com/EBAH8OlhCM" rel="noopener noreferrer" class="transition-all hover:scale-105" target="_blank" aria-label="Google Store" data-v-32684c53><img class="m-auto duration-100 ease-linear w-28 play-store app-link" alt="google playstore" src="https://cf.quizizz.com/img/landing/google%20play.png" label="" loading="lazy" height="34" width="112" aria-hidden="true" data-v-32684c53></a></div></div></div></div></div></footer></main></div><div id="overlay-layer-1" class="z-1 absolute top-0 left-0"></div><div id="modal-layer-2" class="z-5 absolute top-0 left-0"></div><div id="modal-overlay-layer-3" class="z-10 absolute top-0 left-0"></div><div id="third-party-layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-1" class="z-1 absolute top-0 left-0"></div><div id="layer-2" class="z-5 absolute top-0 left-0"></div><div id="layer-3" class="z-10 absolute top-0 left-0"></div><div id="layer-4" class="z-20 absolute top-0 left-0"></div><div id="layer-5" class="z-50 absolute top-0 left-0"></div></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__">[["ShallowReactive",1],{"data":2,"state":765,"once":767,"_errors":768,"serverRendered":5,"path":770,"country":611,"region":771,"nuxtSsrFeatureFlags":772},["ShallowReactive",3],{"TaQDuNzY9P":4,"EIPnKrTDDJ":91,"C4KqaFy2QE":605,"NGBfCznSlj":688},{"success":5,"data":6,"time":90},true,{"quizzes":7,"total":86,"timeTaken":87,"experiment":88,"source":89},[8,21,31,41,50,59,69,78],{"id":9,"isSuper":10,"type":11,"info":12,"shouldIndex":10,"stats":17},"67c3d0dd0236c0f3adaf96f9",false,"quiz",{"grade":13,"name":15,"slug":15,"image":16},[14,14],"11","Web 3.4-3.5 Quiz","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/d7ae71bf-b0aa-430b-bf08-67d713b4b8f2-v2",{"played":18,"totalPlayers":18,"totalCorrect":19,"totalQuestions":20},59,571,10,{"id":22,"isSuper":10,"type":11,"info":23,"shouldIndex":10,"stats":27},"66d942fc60481fa62d55ebda",{"grade":24,"name":25,"slug":25,"image":26},[14,14],"Uji Pengetahuan Pengembangan Aplikasi Web","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/2fa31b33-9d6e-4316-8f4c-40cf7b57a3e6-v2",{"played":28,"totalPlayers":29,"totalCorrect":30,"totalQuestions":20},3,5,39,{"id":32,"isSuper":10,"type":11,"info":33,"shouldIndex":10,"stats":37},"66c3645f5f3ce2179a2c0de1",{"grade":34,"name":35,"slug":35,"image":36},[14,14],"Quiz Array Kelas XI","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/7ae07598-c1fa-4ea8-81c4-5720994d6f16-v2",{"played":29,"totalPlayers":38,"totalCorrect":39,"totalQuestions":40},45,327,15,{"id":42,"isSuper":10,"type":11,"info":43,"shouldIndex":10,"stats":47},"6827d9c349874b2810a3c4a1",{"grade":44,"name":45,"slug":45,"image":46},[14,14],"Computer Basic","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/ac3d0551-3f6f-4f64-ac40-f70f5508da0b-v2",{"played":48,"totalPlayers":48,"totalCorrect":49,"totalQuestions":20},1,9,{"id":51,"isSuper":5,"type":11,"info":52,"shouldIndex":10,"stats":56},"687e740ea4b615aa1924915b",{"grade":53,"name":54,"slug":54,"image":55},[14,14],"Assesmen Diagnostik","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/878348c8-e229-4693-83a5-3591a8fbe246-v2",{"played":48,"totalPlayers":57,"totalCorrect":58,"totalQuestions":20},41,164,{"id":60,"isSuper":10,"type":11,"info":61,"shouldIndex":10,"stats":65},"66b21cb6a21b9b4e547b5be8",{"grade":62,"name":63,"slug":63,"image":64},[14,14],"Pengetahuan Dasar HTML","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/356f7817-feef-4845-a009-0007727cbb60-v2",{"played":66,"totalPlayers":67,"totalCorrect":68,"totalQuestions":20},25,31,236,{"id":70,"isSuper":10,"type":11,"info":71,"shouldIndex":10,"stats":75},"67dafcd6526a066d54f528f4",{"grade":72,"name":73,"slug":73,"image":74},[14,14],"Soal Teknologi Dasar Web (HTML, CSS, JavaScript)","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/bb3c7a47-ba02-46a6-b9bb-394fe5761b4a-v2",{"played":76,"totalPlayers":76,"totalCorrect":77,"totalQuestions":40},12,150,{"id":79,"isSuper":10,"type":11,"info":80,"shouldIndex":10,"stats":84},"67c3db51a0509bfd9442666f",{"grade":81,"name":82,"slug":82,"image":83},[14,14],"Web 3.1-3.3 Quiz","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/8f94b256-c99c-441b-9e63-7e6a22bd00f4-v2",{"played":18,"totalPlayers":18,"totalCorrect":85,"totalQuestions":20},557,428,29,"quizPageRecoPublicSearch","recommended_search","2025-08-05T04:57:42.462177258Z",{"success":5,"message":92,"data":93,"time":601,"meta":602},"Ok",{"quiz":94,"draft":101},{"isTagged":10,"isLoved":10,"tagIds":95,"stats":96,"love":100,"cloned":10,"parentDetail":101,"deleted":10,"archived":10,"lifetimeAccess":10,"draftVersion":101,"publishedVersion":102,"isShared":10,"type":11,"_id":103,"createdBy":104,"info":117,"createdAt":598,"updated":599,"premiumUse":600,"shouldIndex":5,"hasDraftVersion":10,"hasPublishedVersion":5,"gameChangerBadge":101,"lock":101},[],{"played":97,"totalPlayers":98,"totalCorrect":66,"totalQuestions":99},2,11,63,0,null,"66d91f7fff227448ed064659","66d91ef7bfbefab6c72fe449",{"_id":105,"firstName":106,"lastName":107,"email":108,"occupation":109,"country":110,"preferences":111,"grades":113,"subject_tags":114,"media":116},"66d53f8942a62a465732ce85","Handrianus","Obe","handrianus321@guru.smk.belajar.id","teacher","ID",{"lang":112},"id",[100],[115],"Information Technology (IT)","https://lh3.googleusercontent.com/a/ACg8ocK-nMYecE8RFu36nz8JK78e3gJlcgQBkGVH6nTck5YoKW86CQ=s96-c",{"lang":118,"aiGenerated":5,"qm":119,"visibility":5,"subjects":131,"topics":132,"subtopics":133,"grade":134,"gradeLevel":101,"deleted":10,"pref":135,"traits":136,"standardIds":137,"__v":97,"meta":138,"_id":102,"name":140,"questions":141,"questionDrafts":594,"standards":101,"courses":101,"createdAt":595,"updated":596,"image":597,"isProfane":10,"whitelisted":5,"slug":140},"Indonesian",{"66d91ef7879c8b3be000335e":120,"66d91ef7879c8b484c00335c":122,"66d91ef7879c8b55bd003361":123,"66d91ef7879c8b7e32003360":124,"66d91ef7879c8b96c600335d":125,"66d91ef7879c8b9955003363":126,"66d91ef7879c8bbbee00335a":127,"66d91ef7879c8bc65d003362":128,"66d91ef7879c8bd3e300335b":129,"66d91ef7879c8bde8700335f":130},{"time":121},30000,{"time":121},{"time":121},{"time":121},{"time":121},{"time":121},{"time":121},{"time":121},{"time":121},{"time":121},[115],[],[],[14,14],{"time":101},{"isQuizWithoutCorrectAnswer":10,"totalSlides":100,"totalComprehensionQuestions":100,"nonAnswerableQuestions":100},[],{"slot":76,"experiment":139},"main_main","Pemrograman Web dan Perangkat Bergerak",[142,193,238,282,327,371,415,461,506,550],{"structure":143,"standards":186,"topics":187,"isSuperParent":10,"standardIds":188,"aiGenerated":5,"__v":29,"teleportFrom":101,"cloned":101,"ver":97,"parent":101,"_id":189,"time":121,"published":5,"aiCreateMeta":190,"type":184,"createdAt":191,"updated":192},{"settings":144,"hasMath":10,"query":146,"options":153,"explain":178,"hints":183,"kind":184,"marks":185,"answer":48},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},"string",{"type":147,"hasMath":10,"math":148,"answerTime":150,"text":151,"media":152},"text",{"latex":149,"template":101},[],-1,"\u003Cp>Apa itu HTML dan apa fungsinya?\u003C/p>",[],[154,160,166,172],{"type":147,"hasMath":10,"math":155,"answerTime":100,"id":157,"text":158,"media":159,"_id":157},{"latex":156,"template":101},[],"66d91ef7645a74de60d77782","\u003Cp>HTML adalah sistem operasi untuk perangkat mobile.\u003C/p>",[],{"type":147,"hasMath":10,"math":161,"answerTime":100,"id":163,"text":164,"media":165,"_id":163},{"latex":162,"template":101},[],"66d91ef7645a742294d77783","\u003Cp>HTML adalah bahasa markup untuk membuat dan menyusun konten di web.\u003C/p>",[],{"type":147,"hasMath":10,"math":167,"answerTime":100,"id":169,"text":170,"media":171,"_id":169},{"latex":168,"template":101},[],"66d91ef7645a7406e0d77784","\u003Cp>HTML adalah bahasa pemrograman untuk membuat aplikasi desktop.\u003C/p>",[],{"type":147,"hasMath":10,"math":173,"answerTime":100,"id":175,"text":176,"media":177,"_id":175},{"latex":174,"template":101},[],"66d91ef7645a7421a9d77785","\u003Cp>HTML digunakan untuk mengedit gambar dan video.\u003C/p>",[],{"type":147,"text":179,"media":180,"hasMath":10,"math":181,"answerTime":100},"",[],{"template":101,"latex":182},[],[],"MCQ",{"correct":48,"incorrect":100},[],[],[],"66d91ef7879c8bbbee00335a",{"questionLanguage":118},"2024-09-05T03:01:11.920Z","2025-05-20T07:23:12.740Z",{"structure":194,"standards":232,"topics":233,"isSuperParent":10,"standardIds":234,"aiGenerated":5,"__v":29,"teleportFrom":101,"cloned":101,"ver":97,"parent":101,"_id":235,"time":121,"published":5,"aiCreateMeta":236,"type":184,"createdAt":191,"updated":192},{"settings":195,"hasMath":10,"query":196,"options":201,"explain":226,"hints":230,"kind":184,"marks":231,"answer":28},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":147,"hasMath":10,"math":197,"answerTime":150,"text":199,"media":200},{"latex":198,"template":101},[],"\u003Cp>Sebutkan tiga elemen dasar dalam HTML!\u003C/p>",[],[202,208,214,220],{"type":147,"hasMath":10,"math":203,"answerTime":100,"id":205,"text":206,"media":207,"_id":205},{"latex":204,"template":101},[],"66d91ef7645a74685cd77789","\u003Cp>\u003Ctitle>, \u003Cfooter>, \u003Cnav>\u003C/p>",[],{"type":147,"hasMath":10,"math":209,"answerTime":100,"id":211,"text":212,"media":213,"_id":211},{"latex":210,"template":101},[],"66d91ef7645a74d0f3d7778a","\u003Cp>\u003Cdiv>, \u003Cspan>, \u003Csection>\u003C/p>",[],{"type":147,"hasMath":10,"math":215,"answerTime":100,"id":217,"text":218,"media":219,"_id":217},{"latex":216,"template":101},[],"66d91ef7645a742ea3d7778b","\u003Cp>\u003Cscript>, \u003Clink>, \u003Cmeta>\u003C/p>",[],{"type":147,"hasMath":10,"math":221,"answerTime":100,"id":223,"text":224,"media":225,"_id":223},{"latex":222,"template":101},[],"66d91ef7645a747cb9d7778c","\u003Cp>\u003Chtml>, \u003Chead>, \u003Cbody>\u003C/p>",[],{"type":147,"text":179,"media":227,"hasMath":10,"math":228,"answerTime":100},[],{"template":101,"latex":229},[],[],{"correct":48,"incorrect":100},[],[],[],"66d91ef7879c8bd3e300335b",{"questionLanguage":237},"Korean",{"structure":239,"standards":277,"topics":278,"isSuperParent":10,"standardIds":279,"aiGenerated":5,"__v":29,"teleportFrom":101,"cloned":101,"ver":97,"parent":101,"_id":280,"time":121,"published":5,"aiCreateMeta":281,"type":184,"createdAt":191,"updated":192},{"settings":240,"hasMath":10,"query":241,"options":246,"explain":271,"hints":275,"kind":184,"marks":276,"answer":100},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":147,"hasMath":10,"math":242,"answerTime":150,"text":244,"media":245},{"latex":243,"template":101},[],"\u003Cp>Apa perbedaan antara tag \u003Cdiv> dan \u003Cspan>?\u003C/p>",[],[247,253,259,265],{"type":147,"hasMath":10,"math":248,"answerTime":100,"id":250,"text":251,"media":252,"_id":250},{"latex":249,"template":101},[],"66d91ef7645a74fff1d77790","\u003Cp>\u003Cdiv> adalah elemen blok, \u003Cspan> adalah elemen inline.\u003C/p>",[],{"type":147,"hasMath":10,"math":254,"answerTime":100,"id":256,"text":257,"media":258,"_id":256},{"latex":255,"template":101},[],"66d91ef7645a748397d77791","\u003Cp>\u003Cdiv> dan \u003Cspan> adalah elemen yang sama\u003C/p>",[],{"type":147,"hasMath":10,"math":260,"answerTime":100,"id":262,"text":263,"media":264,"_id":262},{"latex":261,"template":101},[],"66d91ef7645a742cb9d77792","\u003Cp>\u003Cdiv> tidak dapat memiliki atribut, \u003Cspan> bisa\u003C/p>",[],{"type":147,"hasMath":10,"math":266,"answerTime":100,"id":268,"text":269,"media":270,"_id":268},{"latex":267,"template":101},[],"66d91ef7645a745825d77793","\u003Cp>\u003Cdiv> digunakan untuk teks, \u003Cspan> untuk gambar\u003C/p>",[],{"type":147,"text":179,"media":272,"hasMath":10,"math":273,"answerTime":100},[],{"template":101,"latex":274},[],[],{"correct":48,"incorrect":100},[],[],[],"66d91ef7879c8b484c00335c",{"questionLanguage":118},{"structure":283,"standards":321,"topics":322,"isSuperParent":10,"standardIds":323,"aiGenerated":5,"__v":324,"teleportFrom":101,"cloned":101,"ver":97,"parent":101,"_id":325,"time":121,"published":5,"aiCreateMeta":326,"type":184,"createdAt":191,"updated":192},{"settings":284,"hasMath":10,"query":285,"options":290,"explain":315,"hints":319,"kind":184,"marks":320,"answer":100},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":147,"hasMath":10,"math":286,"answerTime":150,"text":288,"media":289},{"latex":287,"template":101},[],"\u003Cp>Jelaskan apa itu CSS dan bagaimana cara kerjanya!\u003C/p>",[],[291,297,303,309],{"type":147,"hasMath":10,"math":292,"answerTime":100,"id":294,"text":295,"media":296,"_id":294},{"latex":293,"template":101},[],"66d91ef7645a745e7ed77797","\u003Cp>CSS adalah bahasa untuk mendesain tampilan halaman web dan bekerja dengan memisahkan konten dari presentasi.\u003C/p>",[],{"type":147,"hasMath":10,"math":298,"answerTime":100,"id":300,"text":301,"media":302,"_id":300},{"latex":299,"template":101},[],"66d91ef7645a74e46dd77798","\u003Cp>CSS adalah alat untuk mengedit gambar dan video.\u003C/p>",[],{"type":147,"hasMath":10,"math":304,"answerTime":100,"id":306,"text":307,"media":308,"_id":306},{"latex":305,"template":101},[],"66d91ef7645a741f1fd77799","\u003Cp>CSS digunakan untuk mengelola database dan server.\u003C/p>",[],{"type":147,"hasMath":10,"math":310,"answerTime":100,"id":312,"text":313,"media":314,"_id":312},{"latex":311,"template":101},[],"66d91ef7645a742373d7779a","\u003Cp>CSS adalah bahasa pemrograman untuk membuat aplikasi web.\u003C/p>",[],{"type":147,"text":179,"media":316,"hasMath":10,"math":317,"answerTime":100},[],{"template":101,"latex":318},[],[],{"correct":48,"incorrect":100},[],[],[],6,"66d91ef7879c8b96c600335d",{"questionLanguage":118},{"structure":328,"standards":366,"topics":367,"isSuperParent":10,"standardIds":368,"aiGenerated":5,"__v":29,"teleportFrom":101,"cloned":101,"ver":97,"parent":101,"_id":369,"time":121,"published":5,"aiCreateMeta":370,"type":184,"createdAt":191,"updated":192},{"settings":329,"hasMath":10,"query":330,"options":335,"explain":360,"hints":364,"kind":184,"marks":365,"answer":97},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":147,"hasMath":10,"math":331,"answerTime":150,"text":333,"media":334},{"latex":332,"template":101},[],"\u003Cp>Apa itu selektor dalam CSS? Berikan contohnya!\u003C/p>",[],[336,342,348,354],{"type":147,"hasMath":10,"math":337,"answerTime":100,"id":339,"text":340,"media":341,"_id":339},{"latex":338,"template":101},[],"66d91ef7645a7402c7d7779e","\u003Cp>Selektor dalam CSS adalah warna untuk elemen HTML.\u003C/p>",[],{"type":147,"hasMath":10,"math":343,"answerTime":100,"id":345,"text":346,"media":347,"_id":345},{"latex":344,"template":101},[],"66d91ef7645a749d10d7779f","\u003Cp>Selektor dalam CSS hanya digunakan untuk gambar.\u003C/p>",[],{"type":147,"hasMath":10,"math":349,"answerTime":100,"id":351,"text":352,"media":353,"_id":351},{"latex":350,"template":101},[],"66d91ef7645a74810dd777a0","\u003Cp>Selektor dalam CSS adalah pola untuk memilih elemen HTML. Contoh: '.kelas' untuk memilih elemen dengan kelas 'kelas'.\u003C/p>",[],{"type":147,"hasMath":10,"math":355,"answerTime":100,"id":357,"text":358,"media":359,"_id":357},{"latex":356,"template":101},[],"66d91ef7645a747729d777a1","\u003Cp>Contoh selektor: '#id' untuk memilih elemen dengan ID 'id'.\u003C/p>",[],{"type":147,"text":179,"media":361,"hasMath":10,"math":362,"answerTime":100},[],{"template":101,"latex":363},[],[],{"correct":48,"incorrect":100},[],[],[],"66d91ef7879c8b3be000335e",{"questionLanguage":118},{"structure":372,"standards":410,"topics":411,"isSuperParent":10,"standardIds":412,"aiGenerated":5,"__v":29,"teleportFrom":101,"cloned":101,"ver":97,"parent":101,"_id":413,"time":121,"published":5,"aiCreateMeta":414,"type":184,"createdAt":191,"updated":192},{"settings":373,"hasMath":10,"query":374,"options":379,"explain":404,"hints":408,"kind":184,"marks":409,"answer":97},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":147,"hasMath":10,"math":375,"answerTime":150,"text":377,"media":378},{"latex":376,"template":101},[],"\u003Cp>Jelaskan konsep DOM dalam JavaScript!\u003C/p>",[],[380,386,392,398],{"type":147,"hasMath":10,"math":381,"answerTime":100,"id":383,"text":384,"media":385,"_id":383},{"latex":382,"template":101},[],"66d91ef7645a743141d777a5","\u003Cp>DOM adalah bahasa pemrograman yang digunakan untuk membuat aplikasi web.\u003C/p>",[],{"type":147,"hasMath":10,"math":387,"answerTime":100,"id":389,"text":390,"media":391,"_id":389},{"latex":388,"template":101},[],"66d91ef7645a7439efd777a6","\u003Cp>DOM adalah singkatan dari Document Object Model yang tidak berhubungan dengan JavaScript.\u003C/p>",[],{"type":147,"hasMath":10,"math":393,"answerTime":100,"id":395,"text":396,"media":397,"_id":395},{"latex":394,"template":101},[],"66d91ef7645a74c063d777a7","\u003Cp>DOM adalah representasi struktural dari dokumen HTML atau XML yang memungkinkan interaksi dengan elemen-elemen menggunakan JavaScript.\u003C/p>",[],{"type":147,"hasMath":10,"math":399,"answerTime":100,"id":401,"text":402,"media":403,"_id":401},{"latex":400,"template":101},[],"66d91ef7645a747de5d777a8","\u003Cp>DOM hanya digunakan untuk menyimpan data tanpa interaksi dengan elemen.\u003C/p>",[],{"type":147,"text":179,"media":405,"hasMath":10,"math":406,"answerTime":100},[],{"template":101,"latex":407},[],[],{"correct":48,"incorrect":100},[],[],[],"66d91ef7879c8bde8700335f",{"questionLanguage":118},{"structure":416,"standards":454,"topics":455,"isSuperParent":10,"standardIds":456,"aiGenerated":5,"__v":457,"teleportFrom":101,"cloned":101,"ver":97,"parent":101,"_id":458,"time":121,"published":5,"aiCreateMeta":459,"type":184,"createdAt":191,"updated":460},{"settings":417,"hasMath":10,"query":418,"options":423,"explain":448,"hints":452,"kind":184,"marks":453,"answer":28},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":147,"hasMath":10,"math":419,"answerTime":150,"text":421,"media":422},{"latex":420,"template":101},[],"\u003Cp>Apa itu variabel dalam JavaScript?\u003C/p>",[],[424,430,436,442],{"type":147,"hasMath":10,"math":425,"answerTime":100,"id":427,"text":428,"media":429,"_id":427},{"latex":426,"template":101},[],"66d91ef7645a744855d777ac","\u003Cp>Variabel dalam JavaScript adalah tipe data yang tidak dapat diubah.\u003C/p>",[],{"type":147,"hasMath":10,"math":431,"answerTime":100,"id":433,"text":434,"media":435,"_id":433},{"latex":432,"template":101},[],"66d91ef7645a743820d777ad","\u003Cp>Variabel dalam JavaScript adalah objek yang hanya menyimpan nilai tetap.\u003C/p>",[],{"type":147,"hasMath":10,"math":437,"answerTime":100,"id":439,"text":440,"media":441,"_id":439},{"latex":438,"template":101},[],"66d91ef7645a74b055d777ae","\u003Cp>Variabel dalam JavaScript adalah fungsi untuk menjalankan kode.\u003C/p>",[],{"type":147,"hasMath":10,"math":443,"answerTime":100,"id":445,"text":446,"media":447,"_id":445},{"latex":444,"template":101},[],"66d91ef7645a7473c8d777af","\u003Cp>Variabel dalam JavaScript adalah tempat untuk menyimpan data yang dapat diubah.\u003C/p>",[],{"type":147,"text":179,"media":449,"hasMath":10,"math":450,"answerTime":100},[],{"template":101,"latex":451},[],[],{"correct":48,"incorrect":100},[],[],[],7,"66d91ef7879c8b7e32003360",{"questionLanguage":118},"2025-05-20T07:23:12.741Z",{"structure":462,"standards":500,"topics":501,"isSuperParent":10,"standardIds":502,"aiGenerated":5,"__v":324,"teleportFrom":101,"cloned":101,"ver":97,"parent":101,"_id":503,"time":121,"published":5,"aiCreateMeta":504,"type":184,"createdAt":191,"updated":460},{"settings":463,"hasMath":10,"query":464,"options":469,"explain":494,"hints":498,"kind":184,"marks":499,"answer":28},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":147,"hasMath":10,"math":465,"answerTime":150,"text":467,"media":468},{"latex":466,"template":101},[],"\u003Cp>Sebutkan tiga tipe data yang ada di JavaScript!\u003C/p>",[],[470,476,482,488],{"type":147,"hasMath":10,"math":471,"answerTime":100,"id":473,"text":474,"media":475,"_id":473},{"latex":472,"template":101},[],"66d91ef7645a74f998d777b3","\u003Cp>Character, Float, Array\u003C/p>",[],{"type":147,"hasMath":10,"math":477,"answerTime":100,"id":479,"text":480,"media":481,"_id":479},{"latex":478,"template":101},[],"66d91ef7645a7452b2d777b4","\u003Cp>Object, Symbol, Undefined\u003C/p>",[],{"type":147,"hasMath":10,"math":483,"answerTime":100,"id":485,"text":486,"media":487,"_id":485},{"latex":484,"template":101},[],"66d91ef7645a745009d777b5","\u003Cp>Date, Function, List\u003C/p>",[],{"type":147,"hasMath":10,"math":489,"answerTime":100,"id":491,"text":492,"media":493,"_id":491},{"latex":490,"template":101},[],"66d91ef7645a74b3f3d777b6","\u003Cp>String, Number, Boolean\u003C/p>",[],{"type":147,"text":179,"media":495,"hasMath":10,"math":496,"answerTime":100},[],{"template":101,"latex":497},[],[],{"correct":48,"incorrect":100},[],[],[],"66d91ef7879c8b55bd003361",{"questionLanguage":505},"English",{"structure":507,"standards":545,"topics":546,"isSuperParent":10,"standardIds":547,"aiGenerated":5,"__v":29,"teleportFrom":101,"cloned":101,"ver":97,"parent":101,"_id":548,"time":121,"published":5,"aiCreateMeta":549,"type":184,"createdAt":191,"updated":460},{"settings":508,"hasMath":10,"query":509,"options":514,"explain":539,"hints":543,"kind":184,"marks":544,"answer":97},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":147,"hasMath":10,"math":510,"answerTime":150,"text":512,"media":513},{"latex":511,"template":101},[],"\u003Cp>Apa fungsi dari pernyataan 'if' dalam JavaScript?\u003C/p>",[],[515,521,527,533],{"type":147,"hasMath":10,"math":516,"answerTime":100,"id":518,"text":519,"media":520,"_id":518},{"latex":517,"template":101},[],"66d91ef7645a74510fd777ba","\u003Cp>Fungsi dari pernyataan 'if' adalah untuk mendeklarasikan variabel.\u003C/p>",[],{"type":147,"hasMath":10,"math":522,"answerTime":100,"id":524,"text":525,"media":526,"_id":524},{"latex":523,"template":101},[],"66d91ef7645a74b502d777bb","\u003Cp>Fungsi dari pernyataan 'if' adalah untuk mengimpor library eksternal.\u003C/p>",[],{"type":147,"hasMath":10,"math":528,"answerTime":100,"id":530,"text":531,"media":532,"_id":530},{"latex":529,"template":101},[],"66d91ef7645a74060ad777bc","\u003Cp>Fungsi dari pernyataan 'if' adalah untuk mengevaluasi kondisi dan menjalankan kode berdasarkan hasil evaluasi tersebut.\u003C/p>",[],{"type":147,"hasMath":10,"math":534,"answerTime":100,"id":536,"text":537,"media":538,"_id":536},{"latex":535,"template":101},[],"66d91ef7645a7400e6d777bd","\u003Cp>Fungsi dari pernyataan 'if' adalah untuk mengulangi kode secara terus-menerus.\u003C/p>",[],{"type":147,"text":179,"media":540,"hasMath":10,"math":541,"answerTime":100},[],{"template":101,"latex":542},[],[],{"correct":48,"incorrect":100},[],[],[],"66d91ef7879c8bc65d003362",{"questionLanguage":118},{"structure":551,"standards":589,"topics":590,"isSuperParent":10,"standardIds":591,"aiGenerated":5,"__v":324,"teleportFrom":101,"cloned":101,"ver":97,"parent":101,"_id":592,"time":121,"published":5,"aiCreateMeta":593,"type":184,"createdAt":191,"updated":460},{"settings":552,"hasMath":10,"query":553,"options":558,"explain":583,"hints":587,"kind":184,"marks":588,"answer":28},{"hasCorrectAnswer":5,"fibDataType":145,"canSubmitCustomResponse":10,"doesOptionHaveMultipleTargets":10},{"type":147,"hasMath":10,"math":554,"answerTime":150,"text":556,"media":557},{"latex":555,"template":101},[],"\u003Cp>Jelaskan apa itu event dalam JavaScript!\u003C/p>",[],[559,565,571,577],{"type":147,"hasMath":10,"math":560,"answerTime":100,"id":562,"text":563,"media":564,"_id":562},{"latex":561,"template":101},[],"66d91ef7645a7433ffd777c1","\u003Cp>Event dalam JavaScript adalah fungsi untuk mengubah data.\u003C/p>",[],{"type":147,"hasMath":10,"math":566,"answerTime":100,"id":568,"text":569,"media":570,"_id":568},{"latex":567,"template":101},[],"66d91ef7645a74b0bad777c2","\u003Cp>Event dalam JavaScript adalah jenis variabel yang digunakan dalam program.\u003C/p>",[],{"type":147,"hasMath":10,"math":572,"answerTime":100,"id":574,"text":575,"media":576,"_id":574},{"latex":573,"template":101},[],"66d91ef7645a7421a3d777c3","\u003Cp>Event dalam JavaScript adalah cara untuk menyimpan informasi.\u003C/p>",[],{"type":147,"hasMath":10,"math":578,"answerTime":100,"id":580,"text":581,"media":582,"_id":580},{"latex":579,"template":101},[],"66d91ef7645a74d3bfd777c4","\u003Cp>Event dalam JavaScript adalah mekanisme untuk menangani interaksi pengguna dengan aplikasi.\u003C/p>",[],{"type":147,"text":179,"media":584,"hasMath":10,"math":585,"answerTime":100},[],{"template":101,"latex":586},[],[],{"correct":48,"incorrect":100},[],[],[],"66d91ef7879c8b9955003363",{"questionLanguage":118},[],"2024-09-05T03:03:27.428Z","2024-09-05T03:03:27.443Z","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/a86e515e-0441-4451-8f2a-2a65f337bc03-v2","2024-09-05T03:01:11.859Z","2024-09-09T05:23:57.201Z","DISABLED","2025-08-05T04:57:42.432Z",{"service":603,"version":604},"quizserver","32b2ac8819c2c3d26efd887c42b3c9774d7d8129",{"success":5,"data":606,"time":687},{"countryBasedRecommendations":607,"subjectBasedRecommendations":655,"subjectBasedQualifiers":656},[608,614,621,627,633,638,644,649],{"id":609,"quizId":610,"country":611,"lowerGrade":76,"upperGrade":76,"quizRank":48,"subject":505,"quizImage":179,"quizName":612,"quizType":11,"noOfQuestions":613,"noOfSlides":100},"6889fb3d2608c3529f57067e","6883846d597179a07527d2d2","US","Trivia 7/25",50,{"id":615,"quizId":616,"country":611,"lowerGrade":324,"upperGrade":617,"quizRank":97,"subject":618,"quizImage":619,"quizName":620,"quizType":11,"noOfQuestions":98,"noOfSlides":100},"6889fb3d2608c3529f57068a","66a7d7ea11b1ea57046182e4",8,"Other","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/5ed549cb-75e4-4e84-9d52-da22ec1a0677-v2","Standard Response Protocol",{"id":622,"quizId":623,"country":611,"lowerGrade":457,"upperGrade":617,"quizRank":28,"subject":624,"quizImage":625,"quizName":626,"quizType":11,"noOfQuestions":98,"noOfSlides":100},"6889fb3d2608c3529f570683","58134f6006e77b871478fcc6","Mathematics","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/0c36058f-9148-4eb2-acfc-fd6312f0ea44","Negative Exponents",{"id":628,"quizId":629,"country":611,"lowerGrade":324,"upperGrade":324,"quizRank":630,"subject":624,"quizImage":631,"quizName":632,"quizType":11,"noOfQuestions":76,"noOfSlides":100},"6889fb3d2608c3529f570685","5dee4b8b53423d001cdfec54",4,"https://quizizz.com/media/resource/gs/quizizz-media/quizzes/1df937fd-2624-4e09-8db7-121f858e6bf8","Exponent Expressions",{"id":634,"quizId":635,"country":611,"lowerGrade":617,"upperGrade":617,"quizRank":29,"subject":624,"quizImage":636,"quizName":637,"quizType":11,"noOfQuestions":630,"noOfSlides":100},"6889fb3d2608c3529f570682","688678ecd1261d94b6e8cf29","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/5da394d5-ed0e-450d-946d-7ea23a5c30f7-v2","Exit Ticket 7/29",{"id":639,"quizId":640,"country":611,"lowerGrade":49,"upperGrade":49,"quizRank":324,"subject":505,"quizImage":641,"quizName":642,"quizType":11,"noOfQuestions":643,"noOfSlides":100},"6889fb3d2608c3529f570680","5ad628a24ff5e9001b442017","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/6293ed42-48ba-4937-813a-a33d83f2508b","Subject-Verb Agreement",20,{"id":645,"quizId":646,"country":611,"lowerGrade":324,"upperGrade":457,"quizRank":457,"subject":624,"quizImage":647,"quizName":648,"quizType":11,"noOfQuestions":643,"noOfSlides":100},"6889fb3d2608c3529f570688","683dcd8fa6a50113e6341283","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/L2FwcGhvc3RpbmdfcHJvZC9ibG9icy9BRW5CMlVvRmxwMDc3dGtJd25rNXlRRUNhUjhTTzFMT01fRktIRXJRTHVJQXMzREk2YVZNRUp4TF9welBTa1QwZ09MR0lzdUNIRnByb1dNMWpnekJGZ1VLZmFoZElRUE0xQS4xbmo5OFBKTHdjWDlDbUpy","One Step Equations All Operations",{"id":650,"quizId":651,"country":611,"lowerGrade":49,"upperGrade":49,"quizRank":617,"subject":505,"quizImage":652,"quizName":653,"quizType":11,"noOfQuestions":654,"noOfSlides":100},"6889fb3d2608c3529f570681","6329af97ee2d13001dccbc60","https://quizizz.com/media/resource/gs/quizizz-media/quizzes/7ad87a83-3179-4285-8d87-d7a9f7d61e8e","\"A Quilt of a Country\" ",18,[],[657,660,663,666,669,672,675,678,681,684],{"path":658,"display":659},"/math/number-system/complex-numbers/understanding-complex-numbers/understanding-and-using-complex-number-notation/understanding-that-every-complex-number-has-the-form-of-a-bi-where-a-and-b-are-real-numbers","Understanding that every complex number has the form of a + bi where a and b are real numbers",{"path":661,"display":662},"/math/functions/functions-general","Functions (general)",{"path":664,"display":665},"/math/number-system/complex-numbers/understanding-complex-numbers/representing-complex-numbers/representing-complex-numbers-in-the-rectangular-form","Representing complex numbers in the rectangular form",{"path":667,"display":668},"/math/geometry/parallel-lines/angles-formed-by-parallel-lines/understanding-and-using-angles-created-when-parallel-lines-are-cut-by-a-transversal/understanding-and-using-corresponding-angles","Understanding and using corresponding angles",{"path":670,"display":671},"/math/algebra/polynomials/basic-polynomial-operations","Basic Polynomial Operations",{"path":673,"display":674},"/science/biology/organismal-biology/plant-biology/plant-environment-interactions","Plant-environment interactions",{"path":676,"display":677},"/ela/writing/rhetoric/audience-and-purpose/audience-analysis","Audience Analysis",{"path":679,"display":680},"/ela/writing/process/drafting/conclusion-development","Conclusion Development",{"path":682,"display":683},"/ela/critical-thinking/synthesis/creating-new-ideas/develop-innovative-solutions","Develop innovative solutions",{"path":685,"display":686},"/ela/speaking-and-listening/comprehension/critical-listening/evaluate-speakers-purpose","Evaluate speaker's purpose","2025-08-05T04:57:42.55049825Z",{"success":5,"data":689,"time":764},{"quizzes":690,"total":763,"timeTaken":643,"experiment":88,"source":89},[691,700,709,718,727,736,746,754],{"id":692,"isSuper":10,"type":11,"info":693,"shouldIndex":10,"stats":697},"674526dab657ad9aa4184c88",{"grade":694,"name":695,"slug":695,"image":696},[14,14],"Javascript DOM","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/d48f20b4-be87-436f-b14e-9bce5d5841b0-v2",{"played":40,"totalPlayers":698,"totalCorrect":699,"totalQuestions":20},49,318,{"id":701,"isSuper":10,"type":11,"info":702,"shouldIndex":10,"stats":706},"67c3d25d2d6d82eeb5a0d2d5",{"grade":703,"name":704,"slug":704,"image":705},[14,14],"Web 3.6 Quiz","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/03d7550c-7fa6-4c49-95fe-738727541a93-v2",{"played":707,"totalPlayers":707,"totalCorrect":708,"totalQuestions":20},64,578,{"id":710,"isSuper":10,"type":11,"info":711,"shouldIndex":10,"stats":715},"67c3d4aa5171707a8b6f3003",{"grade":712,"name":713,"slug":713,"image":714},[14,14],"Web 3.7 Quiz","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/2090b3e5-848a-4e19-a16c-3f2e75619efa-v2",{"played":716,"totalPlayers":716,"totalCorrect":717,"totalQuestions":20},62,569,{"id":719,"isSuper":10,"type":11,"info":720,"shouldIndex":10,"stats":726},"6784b07964723d269ac10f64",{"grade":721,"name":724,"slug":724,"image":725},[722,723],"6","13","JS Quiz","https://cf.quizizz.com/image/assessment-square.png",{"totalQuestions":20},{"id":728,"isSuper":10,"type":11,"info":729,"shouldIndex":10,"stats":733},"66efc6e26c585156dc71133a",{"grade":730,"name":731,"slug":731,"image":732},[14,14],"Quiz CSS","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/cc2d3cdf-4c31-4e98-80ba-770918f8ca32-v2",{"played":97,"totalPlayers":734,"totalCorrect":735,"totalQuestions":20},34,81,{"id":737,"isSuper":10,"type":11,"info":738,"shouldIndex":10,"stats":743},"66f3944fd040fbe01e99296f",{"grade":739,"name":741,"slug":741,"image":742},[740,723],"10","Quiz Profesi dan Ketrampilan Bidang TKJ ","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/116bbc55-875b-4ac1-90db-44673743cfe4-v2",{"played":48,"totalPlayers":744,"totalCorrect":745,"totalQuestions":20},30,200,{"id":747,"isSuper":10,"type":11,"info":748,"shouldIndex":10,"stats":752},"67213c4829025053afed81d4",{"grade":749,"name":750,"slug":750,"image":751},[14,14],"1º Quiz de HTML, CSS e JavaScript","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/aa58309c-eb76-413e-a4fd-9ec0f06a313d-v2",{"played":48,"totalPlayers":66,"totalCorrect":753,"totalQuestions":20},121,{"id":755,"isSuper":10,"type":11,"info":756,"shouldIndex":10,"stats":760},"674524a0cc8b9c3f89cc02d3",{"grade":757,"name":758,"slug":758,"image":759},[14,14],"CSS - Dasar","https://media.quizizz.com/_mdserver/main/media/resource/gs/quizizz-media/quizzes/36d7580e-1a4b-44d6-948d-316a9e18a42a-v2",{"played":324,"totalPlayers":761,"totalCorrect":762,"totalQuestions":20},40,300,420,"2025-08-05T04:57:42.583396297Z",["Reactive",766],{},["Set"],["ShallowReactive",769],{"TaQDuNzY9P":101,"NGBfCznSlj":101,"EIPnKrTDDJ":101,"C4KqaFy2QE":101},"/admin/quiz/66d91ef7bfbefab6c72fe449/pemrograman-web-dan-perangkat-bergerak","none",{"ssr_adp-v2":773},"var-2"]</script> <script>window.__NUXT__={};window.__NUXT__.config={public:{disableS3Cache:false,appEnv:"production",enablePseudoLocale:false,apiBase:"",sentry:{dsn:"https://f45858ca79fd48fe019ce67e6c560868@o984659.ingest.us.sentry.io/4508357912363008",enabled:false},gtag:{id:"G-NYFWYHHSPY"},gtm:{devtools:true,id:"GTM-N3RKJ8L",debug:true,enabled:true,defer:true},app_type:"worker",port:"8080",worker_page_type:"quizPage",i18n:{baseUrl:"https://cf.quizizz.com/translationsV2/nuxtssr",locales:{en:{domain:""},es:{domain:""},fr:{domain:""},pl:{domain:""},ru:{domain:""},id:{domain:""},ms:{domain:""},tl:{domain:""},de:{domain:""},vi:{domain:""},th:{domain:""},az:{domain:""},"pt-br":{domain:""},"zh-CN":{domain:""},"zh-TW":{domain:""},tr:{domain:""},it:{domain:""},ja:{domain:""},kk:{domain:""},ko:{domain:""},nl:{domain:""},et:{domain:""},lt:{domain:""},hu:{domain:""},lv:{domain:""},sv:{domain:""},cs:{domain:""},hi:{domain:""},ro:{domain:""},af:{domain:""}}},device:{defaultUserAgent:"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Safari/537.36",enabled:true,refreshOnResize:false}},app:{baseURL:"/",buildId:"a3a8ccba-7e9b-4f21-88cf-3629dd424637",buildAssetsDir:"nuxtssr",cdnURL:"https://cf.quizizz.com"}}</script></body></html>