wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

css dan js

Total questions: 111

Worksheet time: 1hrs 4mins

Name
Class
Date
1.

Perintah di javascript yang berfungsi untuk memberikan suatu informasi ke pengguna melalui jendela dialog dengan tombol Ok dan cancel adalah 

a)

prompt

b)

confirm

c)

dialog

d)

write

2.

Berikut adalah cara pembuatan array yang benar di javascript 

a)

mahasiswa = [‘Rini’,’Aldi’,’Acep’,’Putra’]

b)

mahasiswa = {‘Rini’,’Aldi’,’Acep’,’Putra’} 

c)

mahasiswa = (‘Rini’,’Aldi’,’Acep’,’Putra’)

d)

mahasiswa = ‘Rini’,’Aldi’,’Acep’,’Putra’

3.

Berikut adalah jenis-jenis array di javascript, kecuali

a)

Array Numerik

b)

Array Assosiatif

c)

Array Boolean

d)

Array Campuran

4.

Berikut ini dalah contoh event yang sering digunakan, kecuali 

a)

Onload

b)

Onclick

c)

Onchange

d)

Ontime

5.

Javascript memiliki beberapa tipe data seperti berikut, kecuali

a)

List

b)

Numerik

c)

String

d)

Boolean

6.

Perintah di javascript yang berfungsi untuk menampilkan data/informasi dalam bentuk POP UP adalalah

a)

Alert()

b)

Show()

c)

Write()

d)

Pop_up()

7.

Perl adalah singkatan dari 

a)

Practical Extraction and Reporting Language

b)

Practical Emulation and Reporting Language

c)

Principal Extraction and Reporting Language

d)

Principal Emulation and Reporting Language

8.

Which of the following keywords is used to define a variable in Javascript?

a)

Var

b)

Let

c)

Both A and B

d)

None of the above

9.

Which of the following methods is used to access HTML elements using Javascript?getElementbyId()

a)

getElementbyId()

b)

ElementsByClassName()

c)

Both A and B

d)

None of the above

10.

Which of the following methods can be used to display data in some form using Javascript?

a)

document. write()

b)

console.log()

c)

window.alert()

d)

All of the above

11.

What will be the output of the following code snippet?

<script type="text/javascript">

a = 5 + "9";

document.write(a);

</script>

a)

Compilation Error

b)

14

c)

Runtime Error

d)

59

12.

What will be the output of the following code snippet? 

<script type="text/javascript" language="javascript"> 

var a = "Scaler";

var result = a.substring(2, 4);

document.write(result);  

</script>

a)

Al

b)

Ale

c)

Cal

d)

Caler

13.

When the switch statement matches the expression with the given labels, how is the comparison done?

a)

Both the datatype and the result of the expression are compared

b)

Only the datatype of the expression is compared

c)

Only the value of the expression is compared 

d)

None of the above

14.

What will be the output of the following code snippet?

(function(){

  setTimeout(()=> console.log(1),2000);

  console.log(2);

  setTimeout(()=> console.log(3),0);

  console.log(4);

}) (); 

a)

1 2 3 4

b)

2 3 4 1

c)

2 4 3 1

d)

4 3 2 1

15.

What will be the output of the following code snippet?

function solve(arr, rotations){

if(rotations == 0) return arr;

for(let i = 0; i < rotations; i++){

let element = arr.pop();

arr.unshift(element);

}

return arr;

}

// solve([44, 1, 22, 111], 5);

a)

[111, 44, 1, 22]

b)

[44, 1, 22, 111]

c)

[111, 44, 1, 22]

d)

[1, 22, 111, 44]

16.

Berikut ini yang bukan bahasa pemrograman berbasis web site ?

a)

JavaScript

b)

HTML

c)

PHP

d)

AJAX/CSS

e)

Visual Basic

17.

Siapakah cendikiawan muslim pengenal Algoritma pertama kali ?

a)

Al-Muzammil

b)

Al-Goritm

c)

Al-Ghazali

d)

Al-Khuwarizmi

e)

Al-Jabbar

18.

Apa Syarat yang tidak termasuk dalam menerapkan Algoritma ?

a)

Benar sesuai pernyataan

b)

Tidak memiliki arti ganda

c)

Tidak masu kakal / magic

d)

Masuk Akal / Logika

e)

Sesuai prosedur kenyataan

19.

Bagaimana cara membuat Algoritma yang benar ?

a)

a. Di ingat agar tidak lupa

b)

a. Di tulis dengan Notasi

c)

a. Di lihat pada program aplikasi

d)

a. Di perhatikan ketikan syntak nya

e)

a. Di Ucapkan dalam penjelasan

20.

Penerjemah bahasa pemrograman dikenal dengan istilah ?

a)

Compiler

b)

Interpreter

c)

Algoritma

d)

Pseudocode

e)

FlowChart

21.

Penganalisis baris bahasa pemrograman dikenal dengan istilah ?

a)

Compiler

b)

Interpreter

c)

Algoritma

d)

Pseudocode

e)

FlowChart

22.

Pembuatan Diagram Algoritma dikenal dengan istilah ?

a)

Compiler

b)

Interpreter

c)

Algoritma

d)

Pseudocode

e)

FlowChart

23.

Bahasa Tingkat Rendah yaitu perintah yang dapat hanya di mengerti oleh ?

a)

Manusia

b)

User

c)

Mesin

d)

Komputer

e)

Server

24.

Bahasa Tingkat Tinggi yaitu perintah yang mendekati dan di mengerti oleh ?

a)

Manusia

b)

User

c)

Mesin

d)

Komputer

e)

Server

25.

Tahapan pertama dalam melakukan Pemrograman di dalam Komputer yaitu ?

a)

Testing

b)

Proggraming

c)

Publishing

d)

Planning

e)

Maintenance

26.

Tahapan akhir dalam melakukan Pemrograman di dalam Komputer yaitu ?

a)

Testing

b)

Proggraming

c)

Publishing

d)

Planning

e)

Maintenance

27.

Apa nama symbol FlowChart dari gambar diatas ?

a)

Terminator

b)

Proses

c)

Decision

d)

Input/Output

e)

Preparation

28.

Apa nama symbol FlowChart dari gambar diatas ?

a)

Terminator

b)

Proses

c)

Decision

d)

Input/Output

e)

Preparation

29.

Apa Fungsi symbol FlowChart dari gambar disamping ini ?

a)

Pemberian Nilai

b)

Proses

c)

Pengkondisian

d)

Input/Output

e)

Start/End

30.

Apa nama bahasa pemrograman sebelum Akhirnya dikenal JavaScript ?

a)

LiveScript

b)

ECMA

c)

JScript

d)

Java

e)

AJAX

31.

Berikut ini yang bukan Kelebihan dari pemrograman JavaScript ?

a)

Tidak membutuhkan instalasi lebih

b)

Banyak pemrograman yang sejenis

c)

Mudah dipelajari dan dipraktekan

d)

Gratis/Free lince untuk dipakai

e)

Cepat dan Ringan digunakan

32.

Apa Itu Function

a)

Sebuah aksi atau tindakan yang dapat dilakukan dalam kode

b)

Sebuah variabel yang menyimpan nilai

c)

Sebuah elemen dalam sebuah array

d)

Sebuah tipe data untuk menyimpan teks

33.

Function digunakan untuk?

a)

Menyimpan nilai numerik

b)

Mengelola dan mengorganisir kode

c)

Menyimpan teks dan karakter

d)

Menangkap input dari pengguna

34.

bagaimana cara membuat sebuah Function dalam JavaScript

a)

fun namaFungsi(){..}

b)

def namaFungsi(){ ... }

c)

function namaFungsi(){....}

d)

fungsi namaFungsi(){...}

35.

Bagaimana cara menjalankan Function "Hitung" dalam JavaScript

a)

Hitung

b)

Hitung()

c)

hitung()

d)

function Hitung(){....}

36.

Manakah yang berikut ini merupakan Function dalam JavaScript?

a)

let huruf = "abc"

b)

angka = angka1 + angka2

c)

if(x==5){console.log("ini 5")}

d)

prompt()

37.

function makan (LAUK) {....}

"LAUK" dalam function diatas dapat disebut sebagai?

a)

Parameter

b)

Argument

c)

Value

d)

Command

38.

Apa Output console dari potongan kode Function berikut?

a)

tidak ada output

b)

error 404 not found

c)

aku sedang makan

d)

makan

39.

Kenapa gambar potongan kode berikut tidak ada Output

a)

function harusnya ditulis Function

b)

Function tidak terpanggil

c)

tidak ada parameter

d)

console harusnya ditulis Consol

40.

untuk menjalankan fungsi hitung, apa yang kita masukkan ke dalam parameter?

(a)  

41.

ketika kita menjalankan function berikut, apa yang akan ditampilkan di Console??

(a)  

42.

Output apakah yang akan ditampilkan oleh potongan kode berikut?

a)

namaku brian

b)

namaku

Undefined

c)

undefined

d)

namaku

43.

Output apakah yang akan ditampilkan pada potongan kode berikut?

a)

namaku brian

b)

namaku

c)

namaku andi

d)

nama is undefined

44.

output apakah yang akan dihasilkan oleh potongan kode berikut?

a)

budi nongsa

b)

undefined nongsa

c)

undefined tidak ketemu

d)

budi tidak ketemu

45.

output apakah yang akan dihasilkan oleh potongan kode berikut?

a)

budi nongsa

b)

undefined nongsa

c)

undefined tidak ketemu

d)

budi tidak ketemu

46.

Apa tujuan dari penggunaan keyword "return" dalam sebuah function di JavaScript?

a)

Mengakhiri eksekusi function

b)

Mengembalikan nilai dari function

c)

Menjalankan pernyataan berikutnya di dalam function

d)

Menghentikan seluruh program

47.

apa yang harus ditambahkan untuk mendapatkan output "hello world"?

a)

console.log(tes1())

b)

tes1()

c)

console.log(tes1("hello world"))

d)

tes1("hello world")

48.

output apakah yang akan ditampilkan pada console?

a)

undefined

b)

tidak ada

c)

8

d)

angka1+angka2

49.

Output apakah yang akan ditampilkan dalam console?

a)

tambah(number1,number2)

b)

Nan

c)

18

d)

undefined

50.

kode apakah yang harus ditambahkan di dalam /*Code Here*/ untuk menghasilkan output 45?

a)

tambah(20+15)

b)

kali()

c)

kali(9,5)

d)

tambah()

51.

Berapakah hasil output yang akan ditampilkan

a)

856

b)

0

c)

undefined

d)

number1

52.

Jika Anda ingin memiliki lebih dari satu properti untuk CSS selektor, karakter apa yang memisahkannya?

a)

comma (,)

b)

semi-colon (;)

c)

colon (:)

d)

dash (-)

53.

Pilih lokasi yang benar di dalam dokumen HTML untuk memasukkan kode agar dapat ditautkan ke CSS eksternal Anda?

a)

Di dalam bagian <head>

b)

Di dalam bagian <body>

c)

Di bagian paling akhir dokumen

d)

Di awal dokumen

54.

Sintaks CSS manakah yang benar?

a)

{ body; color=red;}

b)

body: color= red

c)

body {color:red;}

d)

(body color is red) 

55.

Pilih kode di bawah ini yang menggunakan CSS untuk mengonfigurasi warna latar belakang #000000 pada halaman web

a)

body { background-color: #000000; }

b)

body { bgcolor: #000000; }

c)

document { background­-page: #000000; }

d)

Semua salah

56.

Manakah cara yang benar untuk memformat Font untuk sebuah paragraf?

a)

p { font-face: Arial; }

b)

p { family-font: Arial; }

c)

p { font-family: Arial; }

d)

p { font: Arial; }

57.

Simbol apa yang mengelilingi properti untuk setiap CSS selektor?

a)

< >

b)

[ ]

c)

{ }

d)

( )

58.

Kode CSS mana yang salah?

a)

a {color: blue;}

b)

p {font-size: 10px;}

c)

body {background-color="red";}

d)

img {width: 100%;}

59.

Manakah nilai atau value dalam CSS ini?

p {color: pink;}

a)

p

b)

color

c)

pink

d)

{}

60.

Manakah selektor untuk sebuah link ?

a)

a { }

b)

link { }

c)

href { }

d)

a href { }

61.

Mana kah kode yang tepat untuk membuat teks rata tengah ?

a)

p {align: center;}

b)

p {text-align: center;}

c)

p {align=center;}

d)

p {center;}

62.

Cara ubah ukuran batas body atau image

a)

border-style

b)

border-width

c)

border-color

d)

width

63.

Untuk membuat batas titik-titik di sekeliling halaman

a)

border-style

b)

border-width

c)

border-color

d)

width

64.

Mengatur elemen ke satu sisi halaman

a)

margin

b)

width

c)

float

d)

height

65.

Pilih kode yang benar untuk membuat semua teks di halaman web Anda berwarna biru dan berada di tengah.

a)

p {

color: blue;

}

b)

body {

text-align: left;

color: blue;

}

c)

p {

text-align: center;

color: blue;

}

d)

body {

text-align: center;

color: blue;

}

66.

Mana tag HTML yang benar untuk merujuk ke style sheet eksternal?

a)

<style src="mystyle.css">

b)

<styles src="mystyle.css">

c)

<stylesheet>mystyle.css</stylesheet>

d)

<link rel="stylesheet" type="text/css" href="mystyle.css">

67.

Pilih sintaks CSS yang benar

a)

body {color: yellow;}

b)

body:color=yellow;

c)

{body:color= yellow;}

d)

{body;color: yellow;}

68.

Pilih sintaks yang benar

a)

property {selector : value}

b)

value {property : selector}

c)

selector {value : property}

d)

selector { property : value}

69.

http://www.google.com adalah contoh dari apa?

a)

URL

b)

IP address

c)

Browser

d)

Application

70.

Apa perbedaan antara HTML dan CSS?

a)

CSS adalah salah satu jenis HTML

b)

HTML memberikan struktur halaman web. CSS menyediakan gaya.

c)

CSS menyusun halaman web. HTML secara ketat menyediakan gaya.

d)

Tidak ada perbedaan

71.

Color: rgb(255,255,255)

a)

Red

b)

Green

c)

Black

d)

White

72.

CSS Pseudo yang digunakan untuk mendefinisikan keadaan khusus dari suatu elemen.

a)

Pseudo Class

b)

Pseudo Element

c)

Pseudo ID

d)

Pseudo Attribute

73.

CSS Pseudo yang digunakan untuk menata bagian tertentu dari suatu elemen.

a)

Pseudo Class

b)

Pseudo Element

c)

Pseudo ID

d)

Pseudo Attribute

74.

Contoh CSS Pseudo Class

a)

active

b)

after

c)

reactive

d)

transfer

75.

Contoh CSS Pseudo Element

a)

active

b)

after

c)

reactive

d)

transfer

76.

a:link {

color: #FF0000;

}

Adalah Contoh dari

a)

unvisited link

b)

visited link

c)

mouse over link

d)

selected link

77.

a:active {

color: #FF0000;

}

Adalah Contoh dari

a)

unvisited link

b)

visited link

c)

mouse over link

d)

selected link

78.

p i:first-child {

color: blue;

}

Selector diatas adalah untuk

a)

menunjuk element i pertama

b)

menunjuk ke elemen i pertama pada masing-masing p

c)

menunjuk ke elemen p pertama pada masing-masing i

d)

menunjuk ke elemen p pertama

79.

p:first-child i {

color: blue;

}

Selector diatas adalah untuk

a)

menunjuk ke semua element i pada setiap p pertama sebagai anak

b)

menunjuk ke elemen i pertama pada masing-masing p

c)

menunjuk ke elemen p pertama pada masing-masing i

d)

menunjuk ke elemen p pertama

80.

q:lang(no) {

quotes: "~" "~";

}

...

<p>Some text <q lang="no">A quote in a paragraph</q> Some text.</p>

mana output yang paling sesuai dengan hasil potongan kode diatas

a)

Some text ~A quote in a paragraph~ Some text.

b)

Some text 'A quote in a paragraph' Some text.

c)

Some text "A quote in a paragraph" Some text.

d)

Some text (A quote in a paragraph) Some text.

81.

p.intro::first-letter {

color: #ff0000;

font-size: 200%;

}

dari style diatas manakah pernyataan yang benar

a)

element p akan berwarna #ff0000

b)

class intro akan berwarna #ff0000

c)

huruf pertama dari elemen p dengan class intro akan berwarna #ff0000

d)

semua huruf pertama akan berwarna #ff0000

82.

p::first-letter {

color: #ff0000;

font-size: xx-large;

}

p::first-line {

color: #0000ff;

font-variant: small-caps;

}

pernyataan berikut adalah benar untuk style diatas, kecuali...

a)

huruf pertama paragraf akan berwarna #ff0000, dalam ukuran font xx-large

b)

Sisa dari baris pertama akan berwarna #0000ff, dan dalam huruf kecil.

c)

baris kedua dari paragraf dan seterusnya akan menjadi ukuran dan warna font default

d)

style tersebut tidak berpengaruh

83.

p::first-letter {

color: #ff0000;

font-size: xx-large;

}

p::first-line {

color: #0000ff;

font-variant: small-caps;

}

pernyataan berikut adalah benar untuk style diatas, kecuali...

a)

merupakan pseudo class

b)

merupakan pseudo element

c)

baris kedua dari paragraf dan seterusnya akan menjadi ukuran dan warna font default

d)

huruf pertama paragraf akan berwarna #ff0000, dalam ukuran font xx-large

84.

p::before {

content: url(smiley.gif);

}

output yang mungkin untuk style diatas adalah...

a)

# Love Indonesia

b)

Love #Indonesia

c)

Love Indonesia#

d)

#Love Indonesia#

85.

p::After{

content: url(smiley.gif);

}

output yang mungkin untuk style diatas adalah...

a)

# Love Indonesia

b)

Love #Indonesia

c)

Love Indonesia#

d)

#Love Indonesia#

86.

::marker {

color: red;

font-size: 23px;

}

berikut adalah pernyataan yang benar dari style diatas, kecuali...

a)

merupakan pseudo element

b)

marker element li akan ditampilkan dengan warna merah

c)

element li akan ditampilkan dengan warna merah

d)

benar semua

87.

::selection {

color: red;

background: yellow;

}

Pernyataan berikut adalah benar untuk style di atas, kecuali...

a)

setiap konten yang diblok oleh user akan berwarna merah

b)

setiap konten yang diblok oleh user akan berwarna latar belakang kuning

c)

setiap konten yang diblok oleh user akan berwarna merah dan berlatarbelakang kuning

d)

setiap konten yang diblok oleh user akan berwarna kuning dan berlatarbelakang merah

88.

.grid-container {

display: grid;

grid-template-columns: auto auto auto auto;

}

Dari CSS Grid, style diatas adalah untuk...

a)

membuat sebuah grid dengan 4 kolom

b)

membuat sebuah grid dengan 4 baris

c)

membuat 4 grid dengan

d)

membuat 4 grid dengan 4 kolom

89.

.grid-container {

display: grid;

grid-template-columns: 80px 200px auto 40px;

}

Kolom ke-3 memiliki lebar...

a)

tidak tau

b)

lebar view port - 320px

c)

200px

d)

80px

90.

.grid-container {

display: grid;

grid-template-rows: 80px 200px;

}

Pernyataan yang benar dari style di atas adalah...

a)

baris pertama memiliki tinggi 80px s.d. 200px

b)

baris pertama memiliki tinggi 80px dan baris kedua 200px

c)

baris ketiga memiliki tinggi 80px

d)

baris keempat memiliki tinggi 80px

91.

Pernyataan berikut yang salah adalah...

a)

Properti justify-content digunakan untuk menyelaraskan seluruh grid di dalam container.

b)

Properti align-content digunakan untuk menyelaraskan seluruh grid secara vertikal di dalam container.

c)

Tinggi total kisi harus kurang dari tinggi wadah agar properti align-content memiliki efek.

d)

Salah semua

92.

1.       Aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstuktur dan seragam yang bertujuan untuk mengatur gaya (style) tampilan website adalah…

a)

HTML

b)

JS

c)

CSS

d)

PHP

93.

Format penulisansintaks CSS yang benar adalah...?

a)

      Property {selector : value;}

b)

Property {selector : value;}

c)

    Selector {property ; value}

d)

      Selector {property ‘value;}

94.

Sebuah halaman web/blog bisa di isidengan tulisan, gambar, animasi, dan video tapi semua itu dalam dunia web/blog disebut dengan istilah....?

a)

Content

b)

script

c)

css

d)

link

95.

Yang bukan dari bagian CSS adalah...?

a)

Deklarasi

b)

Tag

c)

property

d)

selector

96.

1.       Selector ID dilambangkan dengan symbol…?

a)

$

b)

#

c)

*

d)

?

97.

   Deklarasi pada CSS dituliskan dengan….?

a)

(.)

b)

      (…)

c)

“. .”

d)

#..#

98.

Elemen styling yang tidak termasuk dalam styling CSS adalah

a)

    Picture styling

b)

List styling

c)

background styling

d)

text styling

99.

       Yang tidak digunakan untuk atau mengatur latarbelakang (background) adalah…

a)

      Background-color

b)

      Background-font

c)

      Backgroung-image

d)

    Background-position

100.

      CSS merupakan singkatan dari?

a)

     Conversation sheet stylish

b)

      Consortarium style sheet

c)

     Cascading style sheet

d)

      Cascading sheet style

101.

     Judul dalam halaman web diletakkan dalam tag…

a)

      <title>judul<title>

b)

      <judul/>judul<judul>

c)

     <head>Judul</head>

d)

     <body>judul</body>

102.

       Salah satutiga Teknik metode penulisan CSS adalah…

a)

Universal CSS style

b)

      Div CSS style

c)

      Inline CSS style

d)

      Syntax CSS style

103.

      Penulisan syntax CSS yang diletakkan satu file dengan file html atau file php disebut dengan teknik penulisan…

a)

     External style

b)

      Internal Style

c)

      Back style

d)

      Inline style

104.

      Jika kita ingin merubah gaya pada font, syntax yang tepat adalah…

a)

      Font-weight

b)

     Font-style

c)

      Font-color

d)

      Font-family

105.

Penulisan padding atas menggunakan

a)

padding-right

b)

padding-top

c)

padding-left

d)

padding-buttom

106.

1.       Background: red; menghasilkan warna…

a)

kuning

b)

hijau

c)

biru

d)

merah

107.

      Apakah HTML sebuah Bahasa pemrograman…

a)

bahasa alien

b)

bahasa jawa

c)

semua jawaban salah

d)

      Bukan Bahasa pemrograman

108.

      Yang termasuk text editor adalah….

a)

google

b)

smadav

c)

winrar

d)

sublime

109.

       Align adalah nama dari…

a)

orang

b)

tempat

c)

atribut

d)

jalan

110.

       Pembuatan paragraph rata kiri menggunakan…

a)

      <p align=”left”>

b)

      <pcenter=”left”>

c)

      <p =”left”>

d)

      <align=”left”>

111.

       Web Hypertext Application Tecnology Working Group (WHATG) dibentuk sejak tahun…

a)

2004

b)

2000

c)

2008

d)

2012

Similar Resources on Wayground

Personal Exercise 2

106 questions

Personal Exercise 2

quiz

Worksheet

•

Professional Development

Remedial exam

111 questions

Remedial exam

quiz

Worksheet

•

Professional Development

Quiz Belum Berjudul

111 questions

Quiz Belum Berjudul

quiz

Worksheet

•

Professional Development