wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Ujian Teori XI PPLG SMK N 2 Padang

Total questions: 20

Worksheet time: 13mins

Name
Class
Date
1.

Bagaimana cara menambahkan interaktivitas ke halaman web menggunakan JavaScript?

a)

Dengan menulis aturan gaya CSS khusus.

b)

Dengan menambahkan tag <script> dalam file HTML dan menulis skrip JavaScript di dalamnya.

c)

Dengan menambahkan tag <interactive> dalam file HTML.

d)

Dengan menulis aturan struktur HTML khusus.

2.

Apa yang dimaksud dengan "box model" dalam CSS?

a)

Sebuah model yang digunakan untuk mengatur tata letak konten dalam sebuah box.

b)

Sebuah model yang digunakan untuk menggambarkan susunan kotak-kotak di halaman web.

c)

Sebuah model yang digunakan untuk mengatur animasi dalam CSS.

d)

Sebuah model yang digunakan untuk membuat teks terlihat seperti kotak.

3.

Apa perbedaan antara "let" dan "const" dalam JavaScript?

a)

"let" digunakan untuk mendeklarasikan variabel yang nilainya tidak dapat diubah, sedangkan "const" digunakan untuk variabel yang nilainya dapat diubah.

b)

"let" digunakan untuk variabel yang nilainya dapat diubah, sedangkan "const" digunakan untuk mendeklarasikan variabel yang nilainya tidak dapat diubah.

c)

"let" dan "const" memiliki fungsi yang sama dalam JavaScript.

d)

"let" digunakan untuk variabel global, sedangkan "const" digunakan untuk variabel lokal.

4.

Apa yang dimaksud dengan "DOM" dalam konteks pengembangan web?

a)

Representasi struktur hierarkis dari elemen HTML yang dihasilkan oleh browser.

b)

Sebuah format file untuk menyimpan data dalam bentuk tabel.

c)

Model yang digunakan untuk menggambar elemen-elemen visual pada halaman web.

d)

Sebuah konsep desain untuk membuat halaman web responsif.

5.

Apa perbedaan antara HTML, CSS, dan JavaScript dalam pengembangan web?

a)

HTML digunakan untuk struktur konten, CSS untuk gaya, dan JavaScript untuk interaktivitas.

b)

HTML digunakan untuk gaya, CSS untuk struktur konten, dan JavaScript untuk interaktivitas.

c)

HTML, CSS, dan JavaScript memiliki fungsi yang sama dalam pengembangan web.

d)

HTML digunakan untuk interaktivitas, CSS untuk struktur konten, dan JavaScript untuk gaya.

6.

Bagaimana cara mengambil elemen dari DOM menggunakan JavaScript?

a)

Dengan menggunakan metode "getElementById()" atau "querySelector()".

b)

Dengan menambahkan atribut "elemen" pada tag HTML.

c)

Dengan menambahkan tag dengan id tertentu pada file HTML.

d)

Dengan menulis fungsi JavaScript yang mengambil elemen berdasarkan tag HTML.

7.

Apa perbedaan antara "class" dan "id" dalam CSS?

a)

"Class" dapat digunakan oleh banyak elemen, sedangkan "id" hanya boleh digunakan oleh satu elemen.

b)

"Class" hanya boleh digunakan oleh satu elemen, sedangkan "id" dapat digunakan oleh banyak elemen.

c)

"Class" dan "id" memiliki fungsi yang sama dalam CSS.

d)

"Class" dan "id" tidak dapat digunakan dalam CSS.

8.

Apa keuntungan menggunakan "version control system" seperti Git dalam pengembangan web?

a)

Memungkinkan kolaborasi tim yang lebih baik dan melacak perubahan kode.

b)

Mempercepat kecepatan akses halaman web.

c)

Mengenkripsi data yang dikirim antara client dan server.

d)

Meningkatkan keamanan koneksi internet.

9.

Apa yang dimaksud dengan "event handling" dalam JavaScript?

a)

Sebuah teknik untuk menangani kesalahan dalam kode JavaScript.

b)

Sebuah teknik untuk menangani event atau peristiwa yang terjadi di dalam halaman web.

c)

Sebuah teknik untuk menyembunyikan elemen-elemen HTML.

d)

Sebuah teknik untuk mengatur tampilan CSS halaman web.

10.

Apa peran CSS dalam pengembangan web?

a)

Membuat struktur konten halaman web.

b)

Menambahkan interaktivitas dan fungsi dinamis ke halaman web.

c)

Menentukan tata letak dan gaya halaman web.

d)

Menyediakan gambar dan media untuk halaman web.

11.

Apa hasil yang akan ditampilkan oleh program di bawah ini?

a)

15

b)

105

c)

Error

d)

105

12.

Apa penyebab terjadinya error pada program di bawah ini?

a)

Variabel 'job' tidak didenisikan dalam objek 'person'.

b)

Kesalahan penulisan sintaks pada pernyataan 'console.log'.

c)

Objek 'person' tidak dapat memiliki properti 'job'.

d)

Tidak ada penyebab, program akan menampilkan "undened".

13.

Apa kekurangan coding pada CSS di bawah?

a)

Tidak ada masalah, kode CSS sudah lengkap.

b)

Property 'margin' pada elemen '.container' belum ditentukan.

c)

Warna latar belakang yang dipilih tidak sesuai.

d)

Padding terlalu besar, sehingga mengganggu tampilan elemen.

14.

Tag mana yang digunakan untuk mendenisikan sebuah daftar

tak terurut (unordered list) di HTML?

a)

ul

b)

ol

c)

li

d)

u

15.

Apa hasil yang akan ditampilkan oleh program di atas?

a)

5

b)

7

c)

6

d)

Error

16.

Apa penyebab terjadinya error pada program di atas?

a)

Indeks array yang dipanggil melebihi panjang array.

b)

Variabel 'fruits' tidak didenisikan.

c)

Kesalahan penulisan sintaks pada pernyataan 'console.log'.

d)

Tidak ada penyebab, program akan menampilkan "undened".

17.

Apa kekurangan coding pada implementasi server-side di atas?

a)

Tidak ada penanganan untuk rute selain '/'.

b)

Tidak ada penanganan untuk rute selain '/'.

c)

Middleware tidak diimplementasikan dengan benar.

d)

Tidak ada kesalahan, program akan berjalan dengan baik.

18.

Kelas mana yang digunakan untuk membuat grup tombol

(button group) di Bootstrap?

a)

btn-toolbar

b)

btn-grouped

c)

btn-block

d)

btn-group

19.

Apa yang akan ditampilkan oleh program di bawah ini?

a)

Tidak ada hasil

b)

Data mahasiswa dalam bentuk tabel HTML

c)

Kesalahan koneksi ke database

d)

Pesan kesalahan jika koneksi ke database gagal

20.

Apa penyebab error dalam potongan kode PHP di bawah?

a)

Tidak ada titik koma (;) di akhir baris pertama

b)

Tidak ada tanda kutip (") di akhir string pada baris pertama

c)

Kurangnya tanda titik koma (;) di akhir baris kedua

d)

Tidak ada tanda kutip (") di awal string pada baris kedua