wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

382-668b19a2486c0d718bcbd1e1

Total questions: 37

Worksheet time: 19mins

Name
Class
Date
1.

Javascript menyediakan dua metode yang masing-masing digunakan untuk mengubah teks menjadi huruf kapital dan mengubah teks menjadi huruf kecil. Metode yang dimaksud adalah:

a)

toLower() dan toUpper()

b)

toUpper() dan toLower()

c)

toUpper() dan toLowerCase()

d)

toUpperCase() dan toLowerCase()

e)

toLowerCase() dan toUpperCase()

2.

Method Javascript ini digunakan untuk mengakses elemen berdasarkan nama class-nya. Method yang dimaksud adalah:

a)

getElementsByClassName()

b)

getElementsByTagName()

c)

getElementByIdName()

d)

getElementsByClass()

e)

getElementById()

3.

Perhatikan baris kode berikut:
function larger() {

// set atribut class = 'large' untuk paragraf pertama

}


Fungsi tersebut dipanggil jika suatu tombol ditekan dan akan mengatur atribut class dari paragraf pertama menjadi class 'large' sehingga ukuran teks menjadi lebih besar. Baris kode yang perlu ditambahkan untuk melengkapi fungsi larger adalah:

a)

document.getElementsByTagName("p").setAttribute("class", "large")

b)

document.getElementsByTagName("p")[0].class("large")

c)

document.getElementsByTagName("p")[0].setAttribute("class", "large")

d)

document.getElementsByTagName("p")[1].class("large")

e)

document.getElementsByTagName("p")[1].setAttribute("class", "large")

4.

Potongan baris kode berikut yang tepat untuk mengakses semua elemen-elemen dalam form pertama di dokumen HTML adalah:

a)

document.forms[0]

b)

document.forms[1]

c)

document.forms[0].elements

d)

document.forms[1].elements

e)

document.getElementsByTagName("form")

5.

Perhatikan barisan kode berikut:
var nama = ___("Masukkan nama Anda");

___("Selamat datang, " + nama);


Jika dijalankan, browser akan menampilkan kotak dialog untuk meminta input nama user, kemudian menampilkan pesan Selamat datang pada kotak dialog lainnya. Potongan kode yang tepat untuk melengkapi kode di atas secara berurutan adalah:

a)

alert, alert

b)

prompt, alert

c)

alert, prompt

d)

confirm, alert

e)

prompt, prompt

6.

Perhatikan baris kode berikut:
x = "-1.23"

console.log(Number.isInteger(x))


Jika dieksekusi, maka keluarannya adalah:

a)

false

b)

true

c)

-1.23

d)

1.23

e)

0

7.

Perhatikan baris kode berikut:
x = 10 / 6

console.log(x.toFixed(2))


Jika dieksekusi, maka keluaran yang tepat adalah:

a)

1

b)

1.6

c)

1.7

d)

1.66

e)

1.67

8.

Di dalam kode dideklarasi array buah dengan kode berikut:
buah = ["Apel", "Mangga", "Jeruk", "Semangka"]


Setelah dimanipulasi menggunakan salah satu method array, buah kini hanya menyimpan elemen "Mangga", "Jeruk", dan "Semangka" secara berurutan.

Method array yang dimaksud adalah:

a)

pop()

b)

push()

c)

shift()

d)

unshift()

e)

remove()

9.

Perhatikan gambar berikut:
Untuk menampilkan kotak dialog seperti ditunjukkan gambar, digunakan method:

a)

alert()

b)

prompt()

c)

confirm()

d)

input()

e)

ask()

10.

Perhatikan operator dan fungsi-fungsinya berikut:

a)

1 – D; 2 – B; 3 – A; 4 – C; 5 – E

b)

1 – B; 2 – C; 3 – E; 4 – A; 5 – D

c)

1 – D; 2 – E; 3 – B; 4 – A; 5 – C

d)

1 – B; 2 – D; 3 – C; 4 – A; 5 – E

e)

1 – D; 2 – C; 3 – B; 4 – A; 5 – E

11.

Perhatikan baris kode berikut:
siswa = [["Alex", "Bob"], ["Chris", "Dean"]]

console.log(siswa[1][1])


Jika dieksekusi, maka keluaran yang dihasilkan adalah:

a)

Alex

b)

Bob

c)

Chris

d)

Dean

e)

Error

12.

Berikut adalah cara yang tepat untuk menambahkan komentar di Javascript:

a)

// ini adalah komentar

b)

// ini
// adalah
// komentar

c)

/* ini
adalah
komentar
*/

d)

/* Ini adalah komentar */

e)

/
ini adalah komentar
/

13.

Baris kode berikut yang tepat untuk menghitung luas area lingkaran adalah:

a)

luas = 2 * Math.PI * jari

b)

luas = Math.PI * jari * 2

c)

luas = Math.PI * Math.pow(jari)

d)

luas = Math.PI * Math.pow(jari, 2)

e)

luas = Math.PI * Math.pow(jari, jari)

14.

Perhatikan baris kode berikut:
x = 1;

y = 2;

x++;

y = ++x;

x += y;

x--;


Nilai akhir dari variabel x dan y masing-masing adalah....

a)

x = 1, y = 2

b)

x = 4, y = 3

c)

x = 5, y = 3

d)

x = 6, y = 5

e)

x = 6, y = 4

15.

Perhatikan barisan kode berikut:
if ( x ⬜ 0 )

console.log("Positif")

else if ( x ⬜ 0 )

console.log("Negatif")

else

console.log("Nol")


Operator yang tepat digunakan untuk melengkapi kode di atas adalah....

a)

> dan <

b)

< dan >

c)

>= dan <=

d)

== dan !=

e)

!= dan ==

16.

Perhatikan baris kode berikut:
r = Math.floor(Math.random() * 10)


Range nilai yang mungkin disimpan oleh variabel r adalah....

a)

0 – 9

b)

1 – 9

c)

0 – 10

d)

1 – 10

e)

0 – 11

17.

Perhatikan baris kode berikut:
x = -5

console.log(Math.abs(x))


Jika dieksekusi, maka keluarannya adalah....

a)

0

b)

5

c)

-5

d)

25

e)

125

18.

Perhatikan barisan kode berikut:
<form>

<input type="text" id="username">

<input type="password" id="password">

<button type="button" onclick="cek()">Simpan</button>

</form>

<script>

function cek() {

username = document.getElementById("username")

password = document.getElementById("password")

if (⬜⬜⬜) {

alert("Username dan password harus diisi")

}

}

</script>


Function cek() digunakan untuk memastikan kolom username dan password terisi. Jika salah satu kolom tidak terisi dan user menekan tombol Simpan, maka akan muncul kotak dialog "Username dan password harus diisi". Potongan kode yang tepat ditambahkan di dalam if condition adalah....

a)

username.value == "" || password.value == ""

b)

username.value == "" && password.value == ""

c)

username.value != "" && password.value != ""

d)

username.value != "" || password.value != ""

e)

password.value == ""

19.

Perhatikan barisan kode berikut:
orderAmt = 10000

switch(true) {

case (orderAmt >= 10000) :

discount = .05;

break;

case (orderAmt >= 5000) :

discount = .02;

break;

case (orderAmt >= 2000) :

discount = .01;

break;

default :

discount = .00;

}

console.log(discount)


Jika dieksekusi, maka keluarannya adalah....

a)

0

b)

0.05

c)

0.02

d)

0.01

e)

Error

20.

Perhatikan baris kode berikut:
var a = 10

var b = "1.450.000"

var c = true

var d

console.log(typeof(a))

console.log(typeof(b))

console.log(typeof(c))

console.log(typeof(d))


typeof akan menghasilkan tipe data dari suatu variabel. Jika barisan kode di atas dieksekusi, maka keluaran yang tepat adalah....

a)

number, number, string, undefined

b)

number, number, boolean, undefined

c)

number, string, boolean, undefined

d)

number, string, boolean, boolean

21.

Berikut ini adalah nama-nama variabel yang valid, kecuali....

a)

alertMsg

b)

alert_Msg

c)

alert.Msg

d)

$alertMsg

e)

alert

22.

Potongan kode berikut yang tepat digunakan untuk menambahkan file eksternal Javascript di dalam dokumen HTML adalah....

a)

<script> </script>

b)

<script> script.js </script>

c)

<link href="script.js"> </script>

d)

<script src="script.js"> </script>

e)

<script href="script.js"> </script>

23.

Perhatikan baris kode berikut:
<body>

<form>

<input type="text" id="namaDepan">

<input type="text" id="namaBelakang">

<button type="button" onclick="tampilNama()">Simpan</button>

</form>

<script>

function tampilNama() {

var namaDepan = ⬜⬜⬜;

var namaBelakang = ⬜⬜⬜;

var namaLengkap = namaDepan + " " + namaBelakang;

return namaLengkap;

}

</script>

</body>


Potongan kode yang tepat untuk ditambahkan di dalam tampilNama() agar diperoleh nilai yang diisikan di kolom namaDepan dan namaBelakang adalah....

a)

document.getElementById("namaDepan").value

b)

document.getElementById("namaBelakang").value

c)

document.getElementById("namaDepan").value
document.getElementById("namaBelakang").value

d)

document.getElementById("namaBelakang").innerHTML
document.getElementById("namaDepan").innerHTML

e)

document.getElementsByTagName("namaDepan").value
document.getElementsByTagName("namaBelakang").value

24.

Barisan kode berikut tepat untuk mendapatkan ukuran layar monitor....

a)

var screenX = document.width
var screenY = document.height

b)

var screenX = window.width
var screenY = window.height

c)

ar screenX = screen.width
var screenY = screen.height

d)

var screenX = body.width
var screenY = body.height

e)

var screenX = width
var screenY = height

25.

Suatu function bernama displayMessage akan dijalankan secara otomatis pada saat halaman web dimuat. Baris kode yang tepat ditambahkan adalah....

a)

<body onchange="displayMessage()"> </body>

b)

<body onclick="displayMessage()"> </body>

c)

<body onload="displayMessage()"> </body>

d)

<body onopen="displayMessage()"> </body>

e)

<body onappear="displayMessage()"> </body>

26.

Perhatikan barisan kode berikut:
price = 50000

var discount = 0.1 * price

console.log("Discount: " + discount)


Barisan kode di atas ditulis secara tidak konsisten, di mana variabel discount dideklarasi menggunakan var, sedangkan price tidak. Untuk memastikan seluruh variabel dideklarasi menggunakan var, kode yang perlu ditambahkan adalah....

a)

use var

b)

use strict

c)

"use var"

d)

"use strict"

e)

strict var

27.

Pernyataan-pernyataan berikut tepat, KECUALI....

a)

Method getElementsByClassName adalah bagian dari object document

b)

innerWidth dan innerHeight adalah property dari object window

c)

Method open dan close adalah bagian dari object document

d)

alert() dan prompt() adalah bagian dari object window

e)

write() adalah bagian dari object document

28.

Operator ini memeriksa apakah suatu nilai tidak sama dengan nilai lainnya. Operator yang dimaksud adalah....

a)

==

b)

!=

c)

<>

d)

=

e)

!

29.

Perhatikan potongan-potongan kode berikut:

Program akan menampilkan pesan dengan ketentuan sebagai berikut:

  • "Terima kasih, anda mendapat voucher senilai 20000", jika nilai order di atas 100000

  • "Terima kasih, anda mendapat voucher senilai 5000", jika nilai order di antara 50000 s.d. 100000

  • "Terima kasih", jika nilai order di bawah 50000

Untuk mendapat hasil program seperti itu, maka urutan yang tepat dari potongan-potongan kode di dalam tabel adalah....

a)

5 – 1 – 3 – 6 – 2 – 4

b)

5 – 6 – 3 – 1 – 2 – 4

c)

5 – 4 – 3 – 1 – 2 – 6

d)

3 – 6 – 5 – 1 – 2 – 4

e)

3 – 1 – 5 – 6 – 2 – 4

30.

Perhatikan baris kode berikut:
function tampilJarak(jarak) {

x = "Tujuan anda sejauh " + ⬜⬜⬜ + " sampai " + ⬜⬜⬜ + " km dari sini";

return x;

}

console.log(tampilJarak(5.5))


Function tampilJarak dibuat untuk menampilkan jarak antara satu titik lokasi ke titik lokasi lain. Jika jaraknya adalah 5.5 km, hasil yang ingin diperoleh adalah "Tujuan anda sejauh 5 sampai 6 km dari sini".

Untuk mendapat hasil tersebut, maka potongan kode yang tepat untuk melengkapi function tampilJarak secara berurutan adalah....

a)

Math.floor(jarak), Math.ceil(jarak)

b)

Math.ceil(jarak), Math.floor(jarak)

c)

Math.ceil(jarak), Math.floor(jarak)

d)

Math.abs(jarak), Math.round(jarak)

e)

Math.round(jarak), Math.ceil(jarak)

31.

Perhatikan barisan kode berikut:
function tampilUkuran() {

panjang = ⬜⬜⬜.innerWidth;

lebar = ⬜⬜⬜.innerHeight;

⬜⬜⬜.getElementById("hasil").innerHTML = "Panjang: " + panjang + " Lebar: " + lebar;

}


Function ini dibuat untuk mengambil ukuran panjang dan lebar browser kemudian menampilkan hasilnya di paragraf dengan id "hasil". Kode yang ditambahkan untuk melengkapi function tampilUkuran secara berurutan adalah....

a)

body, body, document

b)

window, window, window

c)

window, window, document

d)

document, document, window

e)

document, document, document

32.

Perhatikan barisan kode berikut:
<body>

<p id="list"></p>

<script>

product = ["Shoes", "Hats", "Bags", "Watches"]

for (x = 0; x < product.length; x++) {

⬜⬜⬜

}

</script>

</body>


Kode di dalam tag script digunakan untuk menampilkan semua elemen array product di dalam paragraf dengan id "list". Potongan kode yang tepat untuk melengkapi barisan kode di atas adalah....

a)

document.write(product[x])

b)

document.getElementById("list") += product[x] + "<br>"

c)

document.getElementById("list").value += product[x] + "<br>"

d)

document.getElementById("list").innerHTML += product[x] + "<br>"

e)

document.getElementById("list").innerHTML = product[x] + "<br>"

33.

Perhatikan barisan kode berikut:
x = 4

y = 10

var division = ⬜⬜⬜; // hasil = 2.5

var remX = ⬜⬜⬜; // hasil = 2

var remY = ⬜⬜⬜; // hasil = 4

var complex = ⬜⬜⬜; // hasil = 44

var complex2 = ⬜⬜⬜; // hasil = 140


Potongan kode berikut tepat ditambahkan untuk mendapatkan hasil seperti diinginkan di komentar, kecuali....

a)

y / x

b)

y % x

c)

x % y

d)

y * x + y

e)

(x + y) * y

34.

Perhatikan nama-nama event dan fungsinya berikut:
Pasangan method dan fungsinya yang tepat adalah....

a)

1 – D; 2 – A; 3 – B; 4 – C

b)

1 – D; 2 – B; 3 – A; 4 – C

c)

1 – A; 2 – B; 3 – C; 4 – D

d)

1 – A; 2 – C; 3 – B; 4 – D

e)

1 – B; 2 – A; 3 – D; 4 – C

35.

Pernyataan berikut yang tidak tepat mengenai blok try-catch-finally adalah....

a)

Blok try bersifat wajib

b)

Blok catch dan finally bersifat optional

c)

Blok catch hanya dieksekusi jika terjadi error di dalam try

d)

Blok finally hanya dieksekusi jika tidak terjadi error di dalam try

e)

Blok try berisi barisan kode yang mungkin menimbulkan error saat dieksekusi

36.

Di dalam kode dideklarasi array buah dengan kode berikut:
buah = ["Apel", "Mangga", "Jeruk", "Semangka"]


Setelah dimanipulasi menggunakan salah satu method array, buah kini hanya menyimpan elemen “Apel”, “Mangga”, dan “Jeruk” secara berurutan.

Method array yang dimaksud adalah....

a)

pop()

b)

push()

c)

shift()

d)

unshift()

e)

remove()

37.

Perhatikan baris kode berikut:
var now = new Date()

console.log(now.getDate())

Misal, pada saat kode ini dieksekusi, di kalender komputer menunjukkan tanggal 19 Maret 2021. Dengan demikian, keluaran yang tepat adalah....

a)

19-03-2021

b)

03-19-2021

c)

2021

d)

19

e)

03

Similar Resources on Wayground

QUIZIZZ

40 questions

QUIZIZZ

quiz

Worksheet

•

12th Grade - Professi...

Car Maintenance 3-22-2022

38 questions

Car Maintenance 3-22-2022

quiz

Worksheet

•

Professional Development

Diklat Siswaskeudes

40 questions

Diklat Siswaskeudes

quiz

Worksheet

•

Professional Development

SOAL TES PPS PEMILU 2024 PART 1

32 questions

SOAL TES PPS PEMILU 2024 PART 1

quiz

Worksheet

•

Professional Development

LATIHAN SOAL USBN PRAKARYA

40 questions

LATIHAN SOAL USBN PRAKARYA

quiz

Worksheet

•

Professional Development

Đề MIT 18175.2 (17/6/2020)

40 questions

Đề MIT 18175.2 (17/6/2020)

quiz

Worksheet

•

Professional Development

SIMULASI SOAL UP / RETAKER PPG

39 questions

SIMULASI SOAL UP / RETAKER PPG

quiz

Worksheet

•

Professional Development

Cannock Inspection and Testing

35 questions

Cannock Inspection and Testing

quiz

Worksheet

•

Professional Development