wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Soal Pilihan Ganda JavaScript

Total questions: 30

Worksheet time: 30mins

Name
Class
Date
1.

JavaScript digunakan untuk...

a)

Mendesain tampilan halaman web

b)

Mengelola basis data

c)

Menambahkan interaktivitas pada halaman web

d)

Menulis dokumen HTML

e)

Menjalankan server

2.

Mengapa addEventListener() lebih disarankan daripada onclick?

a)

Karena bisa menambahkan lebih dari satu event handler

b)

Karena lebih cepat

c)

Karena tidak perlu fungsi

d)

Karena hanya untuk HTML5

e)

Karena tidak memerlukan ID

3.

Bagaimana cara menampilkan pesan di pop-up alert?

a)

msg("Halo");

b)

popup("Halo");

c)

alert("Halo");

d)

message("Halo");

e)

prompt("Halo");

4.

Variabel dalam JavaScript dapat dideklarasikan dengan kata kunci...

a)

let, var, dan const

b)

dim, int, string

c)

int, float, double

d)

define, const, set

e)

var, int, float

5.

Perbedaan utama antara let dan const adalah...

a)

const tidak bisa diubah nilainya setelah dideklarasikan

b)

let hanya bisa digunakan di dalam fungsi

c)

const hanya untuk string

d)

let lebih cepat dari const

e)

Tidak ada perbedaan

6.

Pernyataan yang benar untuk membuat variabel nama dengan nilai "Dimas" adalah...

a)

var nama = Dimas;

b)

nama = "Dimas"

c)

let nama = "Dimas";

d)

create nama = "Dimas"

e)

string nama = "Dimas";

7.

Tipe data Boolean hanya memiliki nilai...

a)

True dan False

b)

Ya dan Tidak

c)

0 dan 1

d)

On dan Off

e)

Betul dan Salah

8.

Operator penjumlahan dalam JavaScript ditulis dengan...

a)

++

b)

--

c)

+

d)

+=

e)

plus

9.

Jika let x = 5; let y = "5"; maka hasil x == y adalah...

a)

true

b)

false

c)

error

d)

undefined

e)

NaN

10.

Jika let x = 5; let y = "5"; maka hasil x == y adalah...

a)

true

b)

false

c)

error

d)

undefined

e)

NaN

11.

Jika let x = 5; let y = "5"; maka hasil x === y adalah...

a)

true

b)

false

c)

error

d)

10

e)

undefined

12.

DOM adalah singkatan dari...

a)

Document Object Model

b)

Data Object Management

c)

Document Oriented Module

d)

Digital Object Mapping

e)

Data Organization Model

13.

Fungsi document.getElementById() digunakan untuk...

a)

Mengambil semua elemen dengan class tertentu

b)

Menghapus elemen dari halaman

c)

Mengambil elemen berdasarkan ID-nya

d)

Membuat elemen baru

e)

Mengubah atribut CSS

14.

Kode berikut akan menampilkan apa di konsol? let elemen = document.getElementById("judul"); console.log(elemen);

a)

Menampilkan teks dari elemen

b)

Menampilkan ID elemen

c)

Menampilkan objek elemen HTML dengan id "judul"

d)

Menampilkan error

e)

Tidak menampilkan apa-apa

15.

Untuk mengubah isi teks suatu elemen, digunakan properti...

a)

innerHTML

b)

textArea

c)

value

d)

getText()

e)

innerTextOnly

16.

Jika kita ingin mengganti teks paragraf menjadi "Halo Dunia", maka sintaksnya...

a)

teks.innerHTML = "Halo Dunia";

b)

document.teks = "Halo Dunia";

c)

document.getElement("teks").value = "Halo Dunia";

d)

document.getElementById("teks").innerHTML = "Halo Dunia";

e)

getElementById("teks").text = "Halo Dunia";

17.

Apa yang dilakukan oleh addEventListener("click", fungsi)?

a)

Membuat tombol baru

b)

Menghapus event click

c)

Menambahkan fungsi yang dijalankan saat tombol diklik

d)

Menjalankan fungsi setiap saat

e)

Mengubah teks tombol

18.

Event mouseover digunakan ketika...

a)

Elemen diklik

b)

Kursor diarahkan ke elemen

c)

Halaman selesai dimuat

d)

Teks diubah

e)

Input difokuskan

19.

Untuk menambahkan event listener pada tombol dengan id “btnGanti”, digunakan:

a)

addEventListener(btnGanti, "click", fungsi);

b)

document.getElement("btnGanti").onClick = fungsi;

c)

document.getElementById("btnGanti").addEventListener("click", fungsi);

d)

onClick(btnGanti, fungsi);

e)

eventListener("btnGanti");

20.

Fungsi innerHTML dapat digunakan untuk...

a)

Mengubah warna teks

b)

Mengubah isi dari suatu elemen HTML

c)

Menambahkan atribut CSS

d)

Menjalankan event

e)

Membuat variabel baru

21.

document.getElementById("judul").innerHTML += " Baru"; akan...

a)

Menghapus isi teks

b)

Mengganti teks lama

c)

Menambahkan teks “ Baru” setelah teks sebelumnya

d)

Menampilkan alert

e)

Mengosongkan elemen

22.

Fungsi yang benar untuk mengubah warna teks menjadi merah:

a)

document.getElementById("teks").style.color = "red";

b)

document.getElement("teks").color = "red";

c)

text.color("red");

d)

setColor("teks", "red");

e)

document.style("teks").red;

23.

Untuk menambah elemen baru ke dalam dokumen digunakan:

a)

document.createElement()

b)

document.addElement()

c)

document.append()

d)

document.makeElement()

e)

document.innerHTML()

24.

Perintah console.log("Hello"); digunakan untuk...

a)

Menampilkan teks di halaman web

b)

Menampilkan teks di konsol browser

c)

Membuat alert popup

d)

Menghapus variabel

e)

Menampilkan teks di input

25.

Kapan event change biasanya digunakan?

a)

Saat tombol ditekan

b)

Saat nilai input diubah

c)

Saat halaman dimuat

d)

Saat elemen dihapus

e)

Saat mouse berpindah

26.

DOM Manipulation memungkinkan kita untuk...

a)

Mengubah konten dan gaya halaman secara dinamis

b)

Menulis ulang server

c)

Menghapus file sistem

d)

Membuat database

e)

Mengompilasi JavaScript

27.

Jika ID yang diminta tidak ada, document.getElementById("x") akan mengembalikan...

a)

Error

b)

Null

c)

Undefined

d)

False

e)

Empty string

28.

Event listener harus ditulis di dalam...

a)

Fungsi JavaScript

b)

CSS

c)

Tag

d)

File gambar

e)

Body HTML

29.

Bagaimana cara menambahkan teks baru ke dalam elemen yang sudah ada tanpa menghapus isi sebelumnya?

a)

innerHTML = "teks baru";

b)

innerHTML += "teks baru";

c)

textContent = "teks baru";

d)

append = "teks baru";

e)

newText = "teks baru";

30.

Mengapa addEventListener() lebih disarankan daripada onclick?

a)

Karena bisa menambahkan lebih dari satu event handler

b)

Karena lebih cepat

c)

Karena tidak perlu fungsi

d)

Karena hanya untuk HTML5

e)

Karena tidak memerlukan ID

Similar Resources on Wayground

uts genap SKI 2025

25 questions

uts genap SKI 2025

quiz

Worksheet

•

11th Grade

Creative Project and Entrepreneurship Quiz

30 questions

Creative Project and Entrepreneurship Quiz

quiz

Worksheet

•

11th Grade

CIM EOC Review

26 questions

CIM EOC Review

quiz

Worksheet

•

9th - 12th Grade

Engineering Drawing Review

30 questions

Engineering Drawing Review

quiz

Worksheet

•

8th Grade - University