wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Latihan CSS dan Javascript

Total questions: 69

Worksheet time: 45mins

Name
Class
Date
1.

CSS merupakan suatu dokumen website yang bertujuan untuk...

a)

Mengatur bahasa pemrograman

b)

Mengatur gaya tampilan pada website

c)

Mengatur cahaya tampilan web

d)

Menggabungkan antara bagian presentasi dan isi web yang dibuat

2.

Kepanjangan CSS adalah...

a)

Cascading Style Sheet

b)

Coding Style Sheet

c)

Caseflow Style Sheet

d)

Coding Sheet Style

3.

CSS merupakan suatu dokumen website yang bertujuan untuk...

a)

Mengatur bahasa pemrograman

b)

Mengatur gaya tampilan pada website

c)

Mengatur cahaya tampilan web

d)

Menggabungkan antara bagian presentasi dan isi web yang dibuat

4.

Bagian utama CSS terdiri dari tiga bagian yaitu...

a)

Selector, property dan value

b)

Selector, formula dan property

c)

Selector, sum dan value

d)

Formula, property dan value

5.

Format penilisan sintaks CSS yang benar adalah...

a)

Selector {Property: value;}

b)

Property {Selector: value;}

c)

Value {Property: selector;}

d)

Selector {value: property;}

6.

Selector ID dilambangkan dengan simbol...

a)

. (titik)

b)

# (pagar)

c)

/ (garis miring)

d)

* (bintang)

7.

Selector CLASS dilambangkan dengan simbol...

a)

# (pagar)

b)

. (titik)

c)

* (bintang)

d)

/ (garis miring)

8.

Tabel merupakan...

a)

Tulisan berjalan

b)

Teks berjalan

c)

Informasi dalam bentuk baris dan kolom

d)

Efek suara

9.

Untuk menampilkan garis pada tabel menggunakan style CSS, kita memakai property ....

a)

Border

b)

Border-spacing

c)

Border-collapse

d)

Border-radius

10.

Property style CSS yang memberikan efek melingkar di sudut-sudut antar garis pada tabel adalah ....

a)

Border

b)

Border-spacing

c)

Border-collapse

d)

Border-radius

11.

Property style CSS yang berfungsi untuk mengatur apakah garis/border di tiap kolom akan berbagi tempat/menjadi satu garis atau terpisah/memiliki ukuran garis sendiri-sendiri adalah ....

a)

Border

b)

Border-spacing

c)

Border-collapse

d)

Border-radius

12.

Property style CSS yang berfungsi untuk menambahkan jarak antar garis kolom adalah ....

a)

Border

b)

Border-spacing

c)

Border-collapse

d)

Border-radius

13.

Suatu bagian yang berfungsi sebagai input atau masukan dari pengguna yang kemudian akan diproses atau diolah untuk dapat digunakan sesuai dengan kebutuhan adalah pengertian dari ....

a)

Tabel

b)

Form

c)

CSS

d)

HTML

14.

Elemen umum yang dapat di ubah menggunakan style CSS pada form adalah ....

a)

Border dan Backgroud-color

b)

Height dan Width

c)

Margin dan Padding

d)

Semua benar

15.

Di bawah ini yang bukan type input pada form adalah ....

a)

Text

b)

Textarea

c)

Password

d)

Label

16.

Yang merupakan tipe default dari elemen input text adalah ....

a)

Text

b)

Textarea

c)

Password

d)

Select

17.

Type elemen input yang berfungsi sebagai masukkan jenis kata sandi adalah ....

a)

Text

b)

Textarea

c)

Password

d)

Radio Button

18.

Type elemen input yang mirip dengan input type text, namun memiliki kelebihan untuk menampung beberapa baris adalah ....

a)

Text

b)

Textarea

c)

Password

d)

Checkbox

19.

Type elemen input yang fungsinya untuk membuat objek form yang berupa list pilihan yang dapat dipilih oleh user adalah ....

a)

Textarea

b)

Password

c)

Select

d)

Radio button

20.

Type elemen input yang berfungsi sebagai masukan data dengan memberikan checklist atau tanda centang pada kotak adalah ....

a)

Textarea

b)

Password

c)

Checkbox

d)

Select

21.

Type elemen input yang berfungsi untuk membuat tombol pilihan yang diisi dengan cara memilih dari salah satu tombol pilihan yang ada adalah ....

a)

Textarea

b)

Password

c)

Checkbox

d)

Radio Button

22.

Pada urutan prioritas selector spesifik dikenal istilah !important, yang fungsinya ....

a)

menghilangkan urutan prioritas CSS

b)

mengambil alih urutan prioritas CSS

c)

mengubah urutan prioritas CSS

d)

menambah urutan prioritas CSS

e)

mengurutkan prioritas CSS

23.

Berikut ini yang bukan merupakan teks editor yang digunakan untuk javascript adalah…

a)

sublime text

b)

vs code

c)

notepad ++

d)

microsoft excel

e)

macromedia dreamwever

24.

Berikut ini yang bukan merupakan teks editor yang digunakan untuk javascript adalah…

a)

sublime text

b)

vs code

c)

notepad ++

d)

microsoft excel

e)

macromedia dreamwever

25.

Penulisan syntax javascript yang benar adalah…

a)

</script language=”JavaScript”>

//kode program

<script>

b)

<script language="JavaScript">

//kode program

<script>

c)

<script language>

//kode program

</script

d)

<script>

//kode program

</script>

e)

<script language="JavaScript">

//kode program

<//script>

26.

Metode untuk menampilkan kode javascript agar tampil sebagai kotak dialog (pop up) membutuhkan tag….

a)

alert

b)

document.write

c)

document.writeln

d)

document.getElementById

e)

console.log

27.

Cara menggunakan tag multi line coment yang benar adalah …

a)

*/

komentar pada javascript

*/

b)

/*

komentar pada javascript

//

c)

/*

komentar pada javascript

*/

d)

/**

komentar pada javascript

**/

e)

/

komentar pada javascript

/

28.

"Pemrograman Web Dasar"


Data di atas termasuk ke dalam jenis tipe data...

a)

char

b)

bulat

c)

integer

d)

string

e)

boolean

29.

Terdapat sebuah kondisi dimana apabila benar menjalankan perintah 1 dan apabila salah menjalankan perintah 2. Berdasarkan kondisi tersebut, maka struktur percabangan yang digunakan adalah…

a)

struktur if

b)

struktur if else

c)

struktur if elseif else

d)

struktur if elseif

e)

struktur switch

30.

Yang bukan termasuk operator aritmatika adalah…

a)

-

b)

+

c)

*

d)

%

e)

=

31.

Proses untuk membuat program disebut…

a)

pemrograman

b)

bahasa pemrograman

c)

syntax

d)

debug

e)

compiler

32.

kumpulan instruksi yang diberikan kepada komputer dengan menggunakan bahasa tertentu agar komputer berperilaku sesuai dengan keinginan kita disebut...

a)

program

b)

bahasa pemrograman

c)

pemrograman

d)

algoritma

e)

sytax

33.

hasil dari kode javascript di atas adalah….

a)

anda tidak lulus

b)

anda lulus

c)

Anda Lulus

d)

Anda Tidak Lulus

e)

nilai = 74

34.

Urutan langkah-langkah yang digunakan untuk menyelesaikan suatu masalah secara sistematis disebut...

a)

kode program

b)

algoritma

c)

solusi

d)

program komputer

e)

proses

35.

Tipe data yang mengenal kondisi true dan false adalah...

a)

Float

b)

Int

c)

String

d)

Boolean

e)

Char

36.

Apabila ada 2 buah operand yang benilai 1 dan 0 diberikan operator or , maka akan memiliki hasil...

a)

10

b)

11

c)

0

d)

1

e)

01

37.

Tempat penyimpanan sementara sebuah data dalam sebuah alamat memori disebut...

a)

operator

b)

konstanta

c)

storage

d)

variabel

e)

algoritma

38.

Hasil dari operator logika a && b adalah ....

a)

benar jika a dan b adalah benar

b)

benar jika a dan b adalah salah

c)

salah jika a dan b adalah benar

d)

benar jika a dan b adalah huruf vokal

e)

benar jika nilai a berarti salah

39.

Contoh bahasa pemrograman server side programming adalah?

a)

ASP, PHP, JSP, Java dan CSS

b)

ASP, PHP, HTML, Java dan Python

c)

ASP, PHP, JSP, Java dan Python

d)

CSS, PHP, JSP, Java dan Python

e)

ASP, PHP, JSP, Java dan HTML

40.

Contoh bahasa pemrograman client side programming adalah?

a)

HTML, JSP, CSS, Javascript, XML

b)

HTML, XHTML, CSS, Javascript, XML

c)

HTML, XHTML, PHP, Javascript, XML

d)

Python, XHTML, CSS, Javascript, XML

e)

HTML, XHTML, CSS, PHP, XML

41.

Javascript memiliki beberapa tipe data seperti berikut, kecuali

a)

List

b)

Number

c)

String

d)

Boolean

42.

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

43.

Apa tipe data dari variabel yang berisi nilai angka desimal?

a)

String

b)

Number

c)

Boolean

d)

Undefined

44.

Apa perbedaan antara "==" dan "===" operator dalam JavaScript?

a)

Tidak ada perbedaan

b)

"===" hanya membandingkan nilai, sedangkan "==" membandingkan tipe data dan nilai

c)

"===" hanya membandingkan tipe data, sedangkan "==" membandingkan nilai

d)

"==" lebih lambat daripada "==="

45.

Apa method yang digunakan untuk menambahkan elemen ke akhir array?

a)

push()

b)

pop()

c)

shift()

d)

unshift()

46.

Apa hasil dari ini

a)

"x is greater than 5"

b)

"x is less than or equal to 5"

c)

"x is equal to 5"

d)

Kode akan menghasilkan error.

47.

Bahasa Pemrograman Client Side Merupakan bahasa yang dijalankan dari sisi klien, berikut merupakan bahasa promgraman client side, kecuali

a)

Javascript

b)

HTML

c)

CSS

d)

PHP

48.

Untuk menampilkan teks di console kita gunakan sintaks ..

a)

console("hello")

b)

document.writeln("hello")

c)

console.log("hello")

d)

log("hello")

49.

File yang berisi javascript saja, bisa menggunakan file dengan extension ..

a)

.js

b)

.css

c)

.es

d)

.javascript

50.

Untuk mendeklarasikan variabel x yang bisa diubah isinya, maka digunakan sintaks ..

a)

let $x;

b)

let x;

c)

letx;

d)

const x;

51.

Untuk dapat menjalankan suatu dokumen Javascript diperlukan suatu tag khusus, berikut merupakan tag Javascript yang dapat disisipkan pada dokumen HTML adalah...

a)

<js>

b)

<javascript>

c)

<script>

d)

<php>

e)

<jquery>

52.

Komentar di JavaScript dapat ditulis dengan cara

a)

// komentar

b)

/* komentar ke-1

komentar ke-2 */

c)

/* komentar ke-1 /* komentar ke-2 */ komentar ke-3*/

d)

/* komentar baris 1

// komentar baris 2 */

53.

Pernyataan di bawah ini adalah benar, kecuali

a)

var

digunakan untuk mendeklarasikan sebuah variabel, opsional menginisialisasi sebuah nilai.

b)

let

digunakan untuk mendeklarasikan lingkup-blok, variabel lokal, opsional menginisialisasi sebuah nilai.

c)

const

digunakan untuk mendeklarasikan sebuah lingkup-blok, baca-saja dinamakan konstanta.

d)

tidak ada let dan const di dalam JavaScript

54.

Penulisan karakter pertama variable boleh menggunakan tanda $

a)

Benar

b)

Salah

55.

Penulisan karakter pertama variable boleh menggunakan angka

a)

Benar

b)

Salah

56.

var a;

console.log(a);


// hasil dari console.log(a) adalah

a)

undefined

b)

null

c)

empty string

d)

semuanya salah

57.

if (true) {

var x = 5;

}


console.log(x);


// hasil dari console.log(x) adalah

a)

5

b)

undefined

c)

error

d)

"5"

58.

if (true) {

let y = 5;

}

console.log(y);


// hasil dari console.log(y) adalah

a)

5

b)

undefined

c)

error

d)

"5"

59.

const PI = 3.14;

console.log(PI);


const PI = 3;

console.log(PI);


// hasil dari 2 kali penulisan console.log(PI) di atas adalah

a)

error

b)

3.14 dan 3

c)

3.14 dan error

d)

3.14

60.

var x;

x = "5" + 1;


console.log(x, typeof x);


// hasil dari console.log(x, typeof x) adalah

a)

51 dan string

b)

6 dan number

c)

6 dan string

d)

51 dan number

61.

var satu = 1;

var dua = 2;


var tiga = satu + dua;


console.log(Tiga);


// hasil dari console.log(Tiga) adalah

a)

error

b)

12

c)

3

d)

undefined

62.

fungsi console.log() pada Javascript

a)

untuk menampilakan / mencetak data

b)

untuk menampilkan teks

c)

untuk menampilkan huruf

d)

untuk perulangan

63.

console.log(Hello World);

Ketika kita run program diatast apa yang terjadi?

a)

Error

b)

Sukses

64.

Console.log(23%2)

a)

Sisa 1

b)

Sisa 0

65.

const name = "gusmang"

console.log(`ganteng maksimal bernama ${name}`);

apa yang terjadi code diatas tersebut?

a)

name = gusmang

b)

error

c)

ganteng maksimal bernama gusmang

d)

`ganteng maksimal bernama ${name}

66.

jawabalah pertanyaan dibawah dan sesuaikan operatornya dengan coding

perjumlahkan menggunakan apa ?

perkalian menggunakan apa ?

pengurangan menggunakan apa ?

pembagian menggunakan apa ?

modulus menggunakan apa ?

a)

+

x

-

/

%

b)

+

*

-

/

%

c)

+

x

-

\

%

d)

+

*

-

:

%

67.

bagaimana cara mengupdate variabel

a)

let name = "Ninja Ken";

name = "Ninja Hatori"

b)

let name = "Ninja Ken";

const name = "Ninja Hatori"

c)

let name = "Ninja Ken";

let name = "Ninja Hatori"

d)

const name = "Ninja Ken";

const name = "Ninja"

68.

let level = 11

if(level > 10)

arti perkondisian tersebut bernilai ?

a)

false

b)

true

69.

let level = 1;

if(level < 20);

hasilnya apa ?

a)

true

b)

false

Similar Resources on Wayground

CCNA 1 (v.6) Final Exam Study Guide

70 questions

CCNA 1 (v.6) Final Exam Study Guide

quiz

Worksheet

•

University

Android App Development

70 questions

Android App Development

quiz

Worksheet

•

University

SAINS KOMPUTER TING 4 - 1.4 STRUKTUR KAWALAN

67 questions

SAINS KOMPUTER TING 4 - 1.4 STRUKTUR KAWALAN

quiz

Worksheet

•

12th Grade - University

UAS SO

70 questions

UAS SO

quiz

Worksheet

•

University

Kuis 1 Komputer Grafis

70 questions

Kuis 1 Komputer Grafis

quiz

Worksheet

•

University

ITF+ pt3

67 questions

ITF+ pt3

quiz

Worksheet

•

9th Grade - Professio...

UAS WEB Lanjtut Teori_2026

65 questions

UAS WEB Lanjtut Teori_2026

quiz

Worksheet

•

University

Compsys

70 questions

Compsys

quiz

Worksheet

•

University