Latihan Ulangan Umum Semester Genap 2015/2016

1. Komponen input teks merupakan komponen untuk memasukan data teks ke server
dalam bentuk textfield adalah …
a. Komponen Password d. Komponen Teks Area
b. Komponen input teks e. Komponen Radio button
c. Komponen checkbox

2. Yang termasuk atribut – atribut pada teksarea adalah …

a. cols c. Nama e. enable
b. Minlengthh d. werap

3. Yang tidak termasuk atribut – atribut pada teksarea adalah …

a. Enable c. Readonly e. Autofocus
b. Rows d. Placeholder

4. Value dari cost…

a. Teks c. From_id e. Disable
b. Readonly d. Number

5. Fungsi dari Rows adalah…

a. Menentukan area tersebut harus terisi atau tidak
b. Menentukan tinggi teks area
c. Memberikan gambaran singkat tentang nilai pada text area
d. Menentukan panjang karakter pada teks
e. Menetukan lebar teks area

6. Cols digunakan untuk …

a. Menentukan lebar teks area d. Teks area dapat diubah
b. Menetukan tinggi teks area e. Text area bersifat read-only
c. Nama dari teks area

7. Fungsi dari name adalah ...

a. Menentukan lebar teks area d. Teks area dapat di ubah
b. Menetukan tinggi tekss area e. Teks area bersifat read-only
c. Nama dari teks Area

8. <INPUT TYPE=HIDDEN NAME=name VALUE=value> Tag form berikut

menggunakan input …
a. Maxlength c. Text e. Password
b. Radio d. Hidden

9. <INPUT TYPE=text NAME=name VALUE=value>Tag form berikut menggunakan

input …
a. Hidden c. Radio e. Text
b. Password d. Cols

10. <INPUT TYPE=password NAME=name VALUE=value>

a. Password c. Radio e. Checklist
b. Hidden d. Text

Pemrograman Web Kelas X TKJ

 Latihan Ulangan Umum Semester Genap 2015/2016

11. Komponen input file berfungsi untuk memasukan data file yang dibutuhkan kedalam …
a. system daur ulang d. system web yang di buat
b. system bilangan e. system operasi
c. system komputer

12. Data bisa diinputan dalam komponen entri pilihan diantaranya, kecuali…
a. input file c. chexbox e. file input
b. radio button d. select

13. Pada form input radio button hanya ada satu pilihan yang terseleksi yaitu…
a. tidak bisa digunakan untuk multiple answer
b. tidal bisa menggunakan c++
c. tidak bisa digunakan untuk multiplayer
d. tidak bisa digunaan untuk file input
e. tidak bisa menggunakan chexbox

14. Yang perlu diperhatikan pada penggunaan input radio adalah

a. bahwa atribut nama (name) dari komponen dari input tersebut harus sama
b. bahwa atribut input dari komponen dari nama(name) tersebut harus sama.
c. bahwa atribut nama (name) dari komponen dari input tersebut tidak harus sama
d. bahwa atribut input dari komponen dari nama (name) tersebut tidak harus sama
e. semua jawaban benar.

15. Komponen chexbox memiliki fungsi yang hampir sama dengan radio button, yaitu
a. Untuk memasukkan nama
b. Untuk menentukan pilihan
c. Untuk memilih lebih dari satu jawaban
d. Untuk mereset
e. Jawaban b dan c benar

16. Tampilan dari komponen input chexbox adalah…

a. Berupa kotak yang dapat diberi tanda centang / contreng
b. Berupa bulatan hitam
c. Berupa pilihan
d. Berupa masukan
e. Semua jawaban benar

17. <input type=checkbox name=name value=value>

<input type=checkbox name=name value=value checked>
Sintaks diatas adalah sintaks untuk tampilan... Cheklist
a. Combo box c. CSS
b. Checkbox d. Reset

18. Format tag HTML input file adalah sebagai berikut …

a. <input type:file name=name accept=mime type list>
b. <input type=file name=name accept=mime type list>
c. <input type:file name;name accept=mime type list>
d. <input type=file name;name accept;mime type list>
e. <input type=file name=name accept;mime type list>

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

19. Format tag HTML input radio button adalah sebagai berikut …
a. <input type=radio name=name value=value>
b. <input type:radio name=name value=value>
c. <input type:radio name;name value=value>
d. <input type=radio name;name value=value>
e. <input type=radio name=name value;value>

20. Format tag HTML dengan atribut image adalah sebagai berikut …
a. <input type=image name=name src:"url">
b. <input type:image name=;name src="url">
c. <input type=image name;name src="url">
d. <input type=image name=name src=url>
e. <input type=image name=name src="url">

21. Tahun berapa teknologi internet yang di rekomendasikan oleh World Wide Web
Consortium atau W3C …
a. 1995 c. 1997 e. 1999
b. 1996 d. 1998

22. Ada berapa versi CSS …

a. 2 c. 4 e. 6
b. 3 d. 5

23. Apa saja versi CSS…

a. CSS 1, CSS 2, CSS 3,dan CSS4 d. CSS 1, CSS 3, CSS 4
b. CSS 1, CSS2,dan CSS 3 e. CSS 1, CSS 3, CSS 5
c. CSS 1,dan CSS 2

24. Dengan adanya CSS mempermudah pengaturan dan pemeliharaan sebuah …

a. website d. a dan c salah
b. website dan tampilannya e. background
c. tampilannya

25. Penulisan sintaks CSS terbagi ke dalam berapa bagian …

a. 2 c. 4 e. 6
b. 3 d. 5

26. Apa saja Penulisan sintaks CSS tersebut …

a. Selector, form ,dan margin d. selector, proparty, dan valu
b. selector, property, dan value e. jawaban semua salah
c. margin, left ,dan form

27. Cara kerja CSS dimulai saat deklarasi style yang diinginkan dengan menulis style…
a. Id dan form d. selector, property, dan value
b. selektor, id dan class e. property
c. value

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

28. CSS didefinisikan secara terpisah pada file yang berbeda. Dan selanjutnya file atau
halaman web yang ingin menerapkan style pada file CSS tersebut tinggal memanggil file
CSS tersebut.pengertian ini termasuk alternatif…
a. inline style sheet d. style sheet embedded
b. external style sheet e. style sheet inline
c. embedded style sheet

29. CSS didefinisikan terlebih dahulu dalam tag <style> ... </style> di atas tag <body>, lebih
tepatnya didalam tag <head>. pengertian ini termasuk alternatif…
a. Inline style sheet d. style sheet inline
b. embedded style sheet e. style sheet embedded
c. external style sheet

30. CSS merupakan salah satu dokumen website yang bertujuan untuk …
a. Mengatur tempat website
b. mengatur gaya (style) tampilan website
c. Mengatur font website
d. Jawaban a,b,c benar
e. Semua jawaban salah

31. Format penulisan untuk pemberian warna pada text menggunakan CSS adalah …
a. selector {color:nilai warna}
b. selector { letter-spacing:nilai spasi;}
c. alert("Hallo !");
d. h4 {letter-spacing: -2px}
e. <p><a href="http://www.bem.akakom.ac.id">

32. Format penulisan CSS untuk mengaturan dekorasi teks adalah ...
a. <STYLE ="text/css">
b. selector {text-decoration : nilai text-decoration }
c. <p><a href="http://www.bem.akakom.ac.id">
d. selector { word-spacing:nilai spasi;}
e. <TITLE>Format Text </TITLE>

33. Salah satu style dari CSS adalah...

a. word-spacing . d. dekorasi teks
b. listing kode e. paragraf teks
c. line-through

34. Pengaturan bentuk teks menggunakan properti ...

a. word-spacing d. text-properti
b. .style e. spacing
c. underline

35. Format penulisan untuk pengaturan jarak indentasi text adalah ...
a. selector {text-decoration : nilai text-decoration }
b. <p><a href="http://www.bem.akakom.ac.id">
c. selector { word-spacing:nilai spasi;}
d. selector {color:nilai warna}
e. selector { text-indent:nilai indent}

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

36. Properti digunakan untuk menentukan huruf besar dan kecil dalam teks adalah...
a. Teks-transform c. embeded e. Format
b. Color d. listing kode

37. Text-shadow digunakan untuk ...

a. dekorasi teks d. text-transform
b. paragraf teks e. alignment horizontal
c. memberikan efek bayang

38. Format penulisan CSS untuk text alignment adalah...

a. selector{text-align:nilai text-align;}
b. selector {color:nilai warna}
c. selector { letter-spacing:nilai spasi;}
d. selector { word-spacing:nilai spasi;}
e. {text-align:center;}

39. Properti text-align digunakan untuk mengatur ...

a. word-spacing d. koordinatX
b. alignment horizontal e. Text shadow
c. text shadow

40. Format penulisan untuk pengaturan jarak indentasi text adalah ...
a. selector { text-indent:nilai indent}
b. selector {color:nilai warna}
c. selector { letter-spacing:nilai spasi;}
d. selector { word-spacing:nilai spasi;}
e. {text-align:center;}

41. penambahan warna latar, penambahan gambar latar belakang dilakukan dengan
menggunakan dua properti, yaitu...
a. Horizontal dan Vertikal
b. Background-repeat dan Background
c. Background-image dan Background-repeat
d. Background dan Background-image
e. Bgcolor dan Latar belakang

42. Perhatikan gambar di bawah ini

Agar tampilan seperti diatas kita gunakan...

a. CSS pada tampilan video d. CSS pada tampilan gambar
b. CSS untuk menyisipkan gambar e. CSS video embed dari youtube
c. CSS Gambar untuk background

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

43. Properti background-repeat digunakan untuk ...

a. perulangan tampilan gambar otomatis yang tidak diinginkan
b. perulangan hanya pada sumbu x (horizontal)
c. perulangan hanya pada sumbu y (vertikal)
d. menghilangkan perulangan
e. mengatur bagaimana perulangan kode ingin dilakukan

44. Terdapat empat nilai yang dapat diisikan pada properti background-repeat, yaitu...
a. Repeat, no-repeat, horizontal, dan vertikal
b. Selector, id, repeat, dan repeat-y
c. Repeat, no-repeat, repeat-x, dan repeat-y
d. Repeat, inline, repeat-x, dan repeat-y
e. Inline, external, value, dan embedded

45. Pemberian style pada gambar dapat menggunakan selector ...

a. <video> c. <style> e. <selector>
b. <img> d. <head>

46. Gambar berikut merupakan listing kode untuk menampilkan tampilan…

a. Video d. Audio
b. Gambar e. Text variasi
c. Baground

47. Untuk mengatur format multimedia dapat dituliskan secara...

a. Inline, external, value, dan embedded
b. Repeat, no-repeat, repeat-x, dan repeat-y
c. Horizontal dan Vertikal
d. Inline, embed dan eksternal
e. id, dan class

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

48. Gambar berikut merupakan listing kode CSS gambar untuk...

a. Audio c. Baground e. Video

b. tabel d. Tampilan Layar

49. Nilai yang diisikan pada properti backgroun dan background-image yaitu...
a. Img c. src e. value
b. url d. id

50. Penulisan untuk pembuatan tampilan gambar secara inline adalah...

a. <img src="nama-file-gambar" width="lebar" height="tinggi" alt="text" title="text"
border="1" />
b. <head>
<tittle>Contoh CSS</tittle>
<style>
Img { Margin-top: 10px; Float: left; Clear: both; width:200px; height:200px; }
</style>
</head>
c. <img scr="nama-file-gambar" width="lebar" height="tinggi" alt="text" title="text"
border="1" />
d. Img { Margin-top: 10px;
Float: left;
Clear: both;
width:200px;
height:200px; }
e. <img scr="brokoli.jpg" >

51. Pada dasarnya elemen dari HTML adalah …

a. Model list
b. Koding
c. C++
d. CSS
e. Model box

52. Berikut ini contoh penerapan style border yang benar adalah …
a. { border; 1px solid black: } d. { border: 1 solid black; }
b. { border: 1px solid black: } e. { border 1 solid black; }
c. { border: 1px solid black; }

53. Apa yang dimaksud dengan content …

a. Daerah paling diluar yang membatasi dengan elemen HTML yang lain dan tidak
berwarna
b. Border mengelilingi padding dan content. Garis yang mempunyai warna dan
ketebalan
c. Area yang mengelilingi content. Warna padding dipengaruhi oleh background dari
box
d. Isi dari box, bisa berupa teks maupun gambar
e. Tempat dimana HTML bisa ditampilkan

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

54. Berikut ini merupakan pengaturan warna border pada style, kecuali …
a. <style> table, th, td { border-top: 2px solid red;
border-bottom: 2px solid black; } </style>
b. <style> table, th, td { border-top; 2px solid red;
border-bottom; 2px solid black; } </style>
c. <style> table, th, td { border-top: 2px solid #ffffff;
border-bottom: 2px solid black; } </style>
d. <style> table, th, td { border-top: 2px solid #ffffff;
border-bottom: 2px solid black; } </style>
e. <style> table, th, td { border-top: 2px solid #ffffff;
border-bottom: 2px solid black; } </style>

55. Apa fungsi dari padding …

a. Memberikan efek warna
b. Pewarnaan pada table
c. Lebar atau tinggi dari sebuah table
d. Memberi jarak Antara isi atau content
e. Salah atribut dari table

56. Untuk membuat teks rata secara horizontal kita menggunakan …

a. Text-align d. Text-color
b. Text-indent e. Text-transform
c. Text-valign

57. Berikut ini cara memberi warna pada table yang benar adalah …
a. { background-color: #green;
color: white; }
b. { background-color: green;
color: #white; }
c. { background-color: green;
color: white }
d. { background-color: green;
color: white; }
e. { background-color; green;
color: white; }

58. Penerapan untuk style padding pada area tertentu yang salah adalah …
a. { padding-right: 10px; } d. { padding-bottom: 10px; }
b. { padding-left: 10px; } e. { padding-center: 10px; }
c. { padding-top: 10px; }

59. Berikut ini yang merupakan cara mempebesar/memperkecil lebar table di style …
a. <style> { width: 10px }
b. <style> { width: 10px } </style>
c. <style> { width 10px; } </style>
d. <style> { width: 10px } <style>
e. <style> { width: 10px; }</style>

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

60. Berikut ini yang merupakan cara mempebesar/memperkecil tinggi table di style …
a. <style> { height 10px; } </style>
b. <style> { height; 10px; }</style>
c. <style> { height: 10px; } </style>
d. </style> { height: 10px; }<style>
e. <style> { height: 10px; } <style>

61. Format yang dipakai dalam cascading syle sheet yang dipergunakan dalam memberi
ukuran adalah…
a. font-weight c. font-height e. font-color
b. font-size d. font-family

62. Apa yang harus dipergunakan agar form terlihat lebih indah ,menarik,serta mudah dalam
pengontrolan desain…
a. style CSS c. textarea e. html
b. C++ d. background

63. Dengan menggunakan apa untuk mengurangi beban halaman dan konsumsi benwidth…
a. html c. style border e. style textfield
b. C++ d. style CSS

65. Apa yang digunakan dalam mengatur style pada elemenform…

a. selector textarea c. style e. selector form
b. selector textfield d. style CSS

64. Dengan menggunakan apa untuk mengatur style pada elemen form textarea…
a. selector textarea d. selector textfield
b. selector form e. selector CSS
c. style CSS

66. Format yang dipakai dalam memmberi latar belakang tampilan…

a. style c. size e. weight
b. background d. height

67. Pada format tampilan background :blue; dipergunakan untuk…

a. memberi warna biru untuk tampilan
b. memberi warna biru untuk latar belakangnya
c. memberi warna biru pada garis tepi
d. memberi warna biru untuk tulisan
e. memberi warna biru pada textarea

68. Apa yang berperan penting dalam menyajikan informasidengan visual yang lebih baik…
a. html c. CSS e. font
b. textfield d. textarea

69. Height dipergunakan untuk mengatur … pada tampilan form.

a. warna c. latar belakang e. lebar
b. tulisan d. tinggi

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

70. Saat ingin memberikan style pada check box dapat menggunakan…
a. selector input c. selector textfield e. selector style
b. selector form d. selector textarea

71. Bahasa yang berbentuk kumpulan skrip yang berjalan pada suatu dokumen HTML
adalah…
a. CSS c. Web browser e. C++
b. Javascript d. Python34

72. Javascript diperkenalkan pertama kali oleh…

a. Brendan Eich d. Gottfred Wilhem von Leibniz
b. Blaise Pascal e. Charles Xavier Thomas de Colmar
c. Alexander Graham Bell

73. Versi terakhir dari bahasa ini adalah versi 1.8.5 yang dirilis tanggal…
a. 12 Maret 2011 c. 23 Maret 2011 e. 22 Maret 2011
b. 02 Maret 2011 d. 20 Maret 2011

74. Didefinisikan dengan tag <script> pada halaman HTML adalah bahasa javascript
sedangkan didefinisikan dengan tag <applet> adalah…
a. CSS c. Java e. Javascript
b. PHP d. Opera

75. JScript adalah implementasi untuk web browser…

a. Opera c. Google Chrome e. Safari
b. Mozila Firefox d. Internet Explorer

76. Javascript adalah bahasa yang membedakan penamaan variabel dan fungsi yang
menggunakan huruf besar dan huruf kecil, artinya…
a. Case sensitive d. Sensitive case
b. Case variable e. Sensitive case variable
c. Sensitive variable

77. Beberapa cara penulisan kode javascript diantaranya …

a. Menggunakan tag <script> tertentu d. Melalui tag <script> css
b. Menggunakan file internal e. Menggunakan navigator
c. Melalui dokumen tertentu

78. <script language=”javascript” src=”lokasi/file.js”></script>

Kode di atas merupakan kode yang disisipkan ke dalam dokumen HTML pada saat kita
menggunakan cara…
a. Menggunakan tag <script> tertentu d. Melalui event tertentu
b. Menggunakan dokumen e. Melalui mouse
c. Menggunakan file eksternal

79. Komentar diperlukan dalam program untuk membantu dalam … aplikasi selanjutnya.
a. Perombakan c. Pengulangan e. Pengembangan
b. Pengecilan d. Pemberian

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

80. Dalam mengembangan aplikasi web salah satu persiapan yang perlu dilakukan adalah…
a. Membuat script html d. Menentukan browser dan editor
b. Membuat script css e. Menentukan program
c. Mengecek program

81. Nama variabel yang benar,kecuali...

a. umur c. 7ruangan e. $biaya
b. namaLengkap d. jari2

82. Nama variabel yang tidak benar...

a. jari2 c. _7an e. $biaya
b. Nama Lengkap d. Umur

83. Penulisan javascript sangatlah...

a. Fleksibel c. Susah e.Rumit sekali
b. Rumit d. Tidak ketat

84. Dua istilah yang biasa digunakan dalam pembuatan variabel yakni...
a. deklarasi dan personalisasi d. inisialisasi dan personalisasi
b. Operasi dan deklarasi e. Deklarasi dan inisialisasi
c. personalisasi dan operasi

85. Ada beberapa teknik pemberian nama yang dapat digunakan, salah satunya adalah...
a. Camel Case c. Notasi Irlandia e. Clutch Case
b. Criminal Case d. Notasi India

86. Ada beberapa istilah yang biasa digunakan pada pembuatan variable, salah satunya
adalah.....
a. Proteksi c. proyeksi e. personalisasi
b. Operasi d. Deklarasi

87. Kumpulan dari beberapa karakter/huruf adalah pengertian dari...

a. Variable c. Boolean e. string
b. Nteger d. Float

88. Yang tidak termasuk kata kunci di javascript adalah...

a. Debugger c. enum e. doctype
b. Implements d. Instanceof

89. Sebagai bilangan pecahan atau bilangan yang dapatdituliskan menggunakan tanda koma
adalah pengertian dari...
a. Variable c. boolean e. string
b. integer d. Float

90. Bilangan eksponensial adalah bilangan dengan tanda...

a. Titik c. Tambah e. Koma
b. Garis miring d. Petik

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

91. Apa yang dimaksud dengan array?

a. satu variabel yang dapat berisi banyak data yang independent
b. Berisi nilai-nilai
c. Ilustrasi dari array
d. Elemen suatu array
e. Pembuatan array

92. Yang termaksud dengan jenis-jenis array yaitu...

a. Indeks c. Array d. String
b. Data multidimensi e. Nilai

93. Apa yang dimaksud dengan array monodimensi?

a. Berisikan nilai-nilai tunggal
b. Mempunyai indeks n-1.
c. Ditentukan secara otomatis
d. Pembuatan array
e. Dibuat dengan langsung memberikan nilainya

94. Apa yang dimaksud dengan array asosiatif

a. Elemen suatu array
b. Ditentukan secara otomatis
c. Berisi nilai-nilai
d. Javascript
e. Nilai
95. Contoh penyimpanan data dalam array yaitu..
a. <html> d. arrayTes[0] = "Hallo";
b. <script language="javascript"> e. hasil = 78 * (9 + 3);
c. var nama_variabel_nya ;

96. Cara membuat array diJavascript adalah...

a. var TabelKu = ["data 1", "data 2", "data 3", "data 4"];
b. <tag eventHandler="kode Javascript yang akan dimasukkan">
c. <script language=”javascript”>
d. <HTML>
e. </style>

97. Setiap data dalam array disimpan dan diberikan index numerik mulai dari?
a. 3 c. 0 e. 1
b. 7 d. 5

98. Pengaksesan data atau elemen di dalam tabel dapat dilakukan dengan cara...
a. / c. = e. &
b. [] d. _

99. Dalam suatu array dengan n elemn, maka elemen ke-n akan mempunyai?
a. Indeks c. Nilai 10 e. Indeks n-1
b. Indeks n-10 d. Indeks n-7

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

100. Variabel-variabel dijavascript adalah...

a. Jenis-jenis array
b. Mamanipulasi sejumlah data
c. Hanya bisa menyimpan satu data pada suatu saat
d. Data yang disimpan diberi indeks
e. Menjadi tidak cukup

101. konsep pemrograman dikembangkan sedemikian rupa sehingga dapat digunakan untuk
menghasilkan keluaran tertentu sesuai nilai-nilai dari variabel-variabel yang ada, adalah
pengertian dari …
a. Struktur Percabangan d. Alur
b. Struktur Kontrol e. Struktur
c. Switch

102. Struktur kontrol dapat juga diartikan sebagai rangkaian perintah yang dapat digunakan
untuk mengendalikan alur dari program. Secara alur, program memiliki tiga jenis alur,
yaitu …
a. Berurutan, tidak berulang, dan bercabang
b. Berurutan, berulang, dan tidak bercabang
c. Tidak berurutan, tidak berulang, dan tidak bercabang
d. Berurutan, berulang, dan bercabang
e. Tidak berurutan, berulang, dan bercabang

103. Perhatikan gambar berikut!

Gambar diatas merupakan contoh kode program dari …

a. Switch
b. Struktur Percabangan
c. Struktur Kontrol
d. Struktur berurutan
e. Struktur

104. Kumpulan program yang dijalankan mengikuti alur tertentu dapat secara vertikal dari
atas ke bawah atau mengikuti alur yang sudah ditentukan tanpa adanya kondisi-kondisi
khusus yang memungkinkan adanya pilihan alur, meurupakan gambaran dari …
a. Berulang c. Berurutan e. Struktur sistem
b. Bercabangan d. Struktur

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

105. Dapat digunakan untuk mengeksekusi bagian tertentu dari program apabila suatu
kondisi terpenuhi, merupakan fungsi dari …
a. Struktur kontrol d. Struktur percabangan
b. Struktur berurutan e. Struktur alur
c. Struktur berulang

106. Dapat digunakan untuk menjalankan beberapa kali suatu bagian tertentu dari program
dengan terpenuhinya suatu kondisi, merupakan fungsi dari …
a. Bercabangan d. Struktur kontrol
b. Struktur alur e. Berurutan
c. Perulangan

107. Merupakan bentuk lain dari percabangan, merupakan pengertian dari …

a. Switch d. Struktur berurutan
b. Struktur kontrol e. Struktur berulang
c. Struktur percabangan

108. Struktur kontrol dikembangkan untuk …

a. Membuat konsep d. Membuat kontrol
b. Membuat program e. Membuat percabangan
c. Membuat alur

109. Percabangan merupakan salah satu bentuk …

a. Struktur kontrol d. Kontrol
b. Struktur berulang e. Struktur alur
c. Struktur bercabangan

110. Bentuk implementasi lain dari percabangan adalah …

a. Struktur kontrol
b. Struktur percabangan
c. Struktur berurutan
d. Switch
e. Struktur berulang
111. Ada berapa banyak pengulangan yang kalian ketahui …
a. 1. d. 4
b. 2 e. 5
c. 3

112. Bagian penentuan variabel untuk mengendalikan jumlah perulangan yang akan
dilakukan, merupakan pengertian dari…
a. inisialisasi d. do-while
b. for e. inisilasi
c. rename

113. ( inisialisasi; kondisi; peubah )

{
baris program 1;

baris program 2;

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

...
}
Scrip di atas merupakan contoh sintaks pengulangan …
a. for d. for-while
b. while e. inisialisasi
c. do-while

114. Apa yang dimaksud dengan perulangan dalam program?

a. Digunakan sebagai bagian penentuan variabel yang akan digunakan
b. mengendalikan jumlah perulangan yang akan dilakukan
c. sebagai penentu yang mana harus di dahulukan
d. merupakan struktur yang memungkinkan untuk menjalankan kode program yang
sama beberapa kali dengan menggunakan suatukondisi tertentu
e. menjalan kan suatu aplikasi

115. apa yang terjadi jika di dalam perulangan do-while tanpa tanda kurung kurawal?
a. Scrip akan tampil
b. Scrip tidak akan tampil
c. Scrip tampil namun ada kesalahan
d. Scrip biasa saja
e. Scrip tidak ditemukan

116. 1. Perulangan For

2. Perulangan while
3. Perulangan do-while
Diantara perulangan di atas manakah yang memperlukan pernyataan inisialisasi dan
pengubah…
a. 1. d. 1 dan 2
b. 2 e. 3 dan 1
c. 3

117. {
kode program yang ingin dijalankan berkali
kali;
}
Scrip di atas merupakan jenis pengulangan …
a. Do d. do-while
b. For e. for-while
c. While

118. Merupakan struktur yang memungkinkan untuk menjalankan kode program yang sama
beberapa kali dengan meng gunakan suatu kondisi tertentu, merupakan pengertian dari
…
a. inisialisasi d. do-while
b. for e. perulangan
c. rename

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

119. Operasi aritmatika yang dapat dilakukan untuk mengubah nilai variabel penentu
tersebut …
a. perulangan d. ekstrasi
b. peubah e. do-while
c. perubahan

120. Mengapa program pengulang di ciptakan …

a. untuk memudahkan system ulang mengulang dalam suatu program
b. agar program bisa dieksekusi terus menerus
c. untuk mengurangi memori pada program
d. untuk mempercepat eksekusi pada program
e. agar program bisa digunakan sekali saja

121. Dalam Pemrograman web fungsi digunakan untuk…

a. Untuk menyelaraskan suatu nilai
b. Untuk memberikan nilai
c. Mengelompokan program dalam menyelesaikan suatu kasus tertentu
d. Memberikan definisi
e. Menampilkan kehalaman web

122. Dalam javascript terdapat satu kata kunci untuk membuat fungsi, yaitu…
a. fungsi c. funcation e. funkation
b. function d. fungsion

123. Untuk menjalankan program yang ada dalam fungsi tersebut kita dapat memanggilnya
dengan cara…
a. varHasil = nama_fungsi ( nilai_parameter1, nilai_parameter2, ...,
nilai_parameterN);
b. varHasil = function nama:fungsi ( nilai_parameter1, nilai_parameter2, ...,
nilai_parameterN ) ;
c. function_nama_fungsi ( parameter1, parameter2, ..., parameterN )
d. function nama_fungsi ( parameter1, parameter2, ..., parameterN )
e. varHasil : function nama_fungsi ( nilai_parameter1, nilai_parameter2, ...,
nilai_parameterN ) ;

124. Fungsi dalam javascript dibedakan menjadi dua yaitu…

a. Nilai kasar dan lembut d. Nilai jelas dan abstrak
b. Nilai balik dan tidak e. Nilai benar dan salah
c. Nilai vertikal dan horizontal

125. Dibawah ini yang termasuk fungsi bawaan dari javascript, kecuali…
a. Fungsi parameter(), variabel(), nilai()
b. Fungsi prompt(), nilai(), varibel()
c. Fungsi parselnt(), parameter, variabel()
d. Fungsi alert(), nilai(), parselnt()
e. Fungsi alert(), prompt() dan parselnt()

126. Dalam obyek bawaan yang sudah ada dalm java script String digunakan untuk…
a. Menghitung rumus aritmatika
b. Pengolah data alfanumeric

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

c. Mengolah data yang disimpan dalam array

d. Mengganti kata tertentu dengan suatu string
e. Mengambil kata tertentu dengan suatu string

127. Apa fungsi dari indexOff()…

a. Mencari index akhir dari suatu elemen dalam array
b. Mencari index yang sudah tidak berfungsi
c. Mencari index dari suatu elemen dalam array
d. Menggabungkan semua index dalam array
e. Untuk membalik urutan index dalam array

128. Dalam javascript terdapat beberapa obyek bawaan diantaranya…

a. Obyek string, index dan array
b. Obyek math, array dan length
c. Obyek parameter, length dan math
d. Obyek reverse, length dan index
e. Obyel string, math dan array

129. Fungsi dari reverse adalah…

a. Untuk mengetahui jumlah elemen dalam suatu array
b. Menggabungkan semua elemen dalam satu string khusus
c. Mencari index dari suatu elemen dalam array
d. Membalik urutan dari elemen-elemen array
e. Mencari index akhir dari suatu elemen dalam array

130. Fungsi dari trim adalah…

a. Menghilangkan karakter kosong
b. Menghitung jumlah karakter dlam suatu string
c. Mengganti kata tertentu dari suatu string
d. Memecah suatu string menjadi kumpulan string
e. Mengambil kata tertentu dari suatu string

131. Bahasa pemrograman yang telah mendukung pemrograman orientasi adalah…

a. C++ c. Java e. a,b, dan c benar
b. CSS d. a dan c benar

132. Javascript merupakan bahasa PBO yang menggunakan kata kunci untuk mendifinisikan
suatu…
a. Kelas c. lapangan e. Jaringan
b. Ruangan d. Lembar kerja

133. Format yang dapat digunakan untuk mendefinisikan kelas pada javascript adalah…
a. Function NamaKelas ( ) { }
b. Funnytion NamaKelas ( ) { }
c. Fuction NamaKelas ( ) { }
d. Function Namakelas ({})
e. Fiction NamaKelas ( ) { }

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

134. Pengertian dari PBO adalah...

a. teknik bahasa yang melihat suatu program sebagai kumpulan data yang memiliki
property dan metode yang saling berinteraksi satu sama lain melalui pengiriman
pesan (data).
b. teknik simulasi pemrograman yang melihat suatu program sebagai kumpulan obyek
yang memiliki properti dan metode yang saling berinteraksi satu sama lain
melalui pengiriman pesan (data).
c. teknik jaringan pemrograman yang melihat suatu program sebagai kumpulan obyek
yang memiliki properti dan metode yang saling berinteraksi satu sama lain
melalui pengiriman pesan (data).
d. teknik jaringan dasar yang melihat suatu program sebagai kumpulan obyek yang
memiliki properti dan metode yang saling berinteraksi satu sama lain melalui
pengiriman pesan (data).
e. teknik pemrograman yang melihat suatu program sebagai kumpulan obyek yang
memiliki properti dan metode yang saling berinteraksi satu sama lain melalui
pengiriman pesan (data).

135. Teknik-teknik dalam pemrograman ini merupakan pengembangan dari teknik

sebelumnya sepert ...
a. Modularitas dan parasitme
b. Polimorfisme dan modul
c. modularitas dan enkapsulisme
d. modularitas, polimorfisme, dan enkapsulasi
e. Semua benar

136. Pada PBO ini setiap obyek memiliki kemampuan untuk…

a. Menerima pesan d. a dan b salah
b. Memproses data e. a,b, dan c benar
c. mengirim data ke obyek lainnya

137. Pengembangan program dengan menggunakan teknik PBO ini populer dalam
program berskala besar karena ...
a. Fleksibel dan memudahkan dalam perusakan
b. Sulit diperbaiki dan memudahkan dalam hal apapun
c. Mudah didapat dan fleksibel
d. Sulit digunakan dan menarik
e. fleksibel dan memudahkan dalam perbaikan
138. Javascript menggunakan PBO dengan model pemrograman berbasis prototipe.
Model ini tidak mengenal kelas, tetapi dengan mengenal...
a. Obyek d. Waktu
b. Simulasi e. b, c, dan d benar
c. Jaringan

139. Javascript memiliki banyak obyek bawaan seperti…

a. Math c. String e. semua benar
b. Array d. Object

140. Istilah pemrograman PBO tanpa kelas yaitu…

a. Bahasa Pemrograman Berbasis GUI

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

b. Pemrograman Berbasis Prototipe

c. Pemrograman Berbasis GUI
d. Pemrograman Berbasis Text
e. e. Semua benar

141. Event ini terjadi saat ukuran dari dokumen berubah adalah…
a. onresize c. onunload e. onchange
b. onscroll d. onblur

142. Elemen yang terkait dengan onresize, kecuali

a. Document c. Layer e. Resolution
b. Image d. Window

143. Di bawah ini yang temasuk Atribute Event, kecuali

a. Onclick c. Onkeypress e. Onsave
b. Onkeyup d. Onload

144. Kapan Event Onkeyup terjadi…

a. saat user sedang menekan tombol keyboard pada elemen HTML
b. saat user menekan tombol keyboard pada elemen HTML
c. saat user melepas penekanan tombol keyboard pada elemen HTML
d. terjadi dokumen atau frame telah ditampilkan oleh browser.
e. terjadi saat ukuran dari dokumen berubah

145. Kapan Event Onmousemove terjadi…

a. terjadi saat user menggerakan mouse diatas elemen HTML
b. terjadi saat user melakukan klik pada satu elemen HTML
c. terjadi saat user melepaskan klik pada elemen HTML
d. terjadi saat user menggerakan mouse keluar elemen HTML
e. terjadi saat user menggerakan mouse ke atas elemen HTML

146. Kapan Event Onkeyup terjadi…

a. Terjadi saat user melepas penekanan tombol keyboard pada elemen HTML
b. terjadi saat ukuran dari dokumen berubah
c. terjadi dokumen atau frame telah ditampilkan oleh browser
d. terjadi saat user menggerakan mouse keluar elemen HTML
e. terjadi saat user menggerakan mouse ke atas elemen HTML

147. Kapan Even Onblur terjadi…

a. terjadi saat ukuran dari dokumen berubah
b. terjadi saat user melakukan scrolling pada dokumen
c. Terjadi saat fokus pada elemen tersebut dipindahkan ke elemen lainnya
d. terjadi saat ukuran dari dokumen berubah
e. terjadi saat user melepas penekanan tombol keyboard pada elemen HTML

148. Kapan Event Onscroll terjadi…

a. terjadi saat dokumen atau frame telah ditampilkan oleh browser.
b. terjadi saat ukuran dari dokumen berubah
c. Terjadi saat user melakukan scrolling pada dokumen
d. terjadi saat user menutup dokumen

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

e. terjadi saat fokus pada elemen tersebut dipindahkan ke elemen lainnya

149. Kapan Event Onresize terjadi…

a. terjadi saat dokumen atau frame telah ditampilkan oleh browser.
b. Terjadi saat ukuran dari dokumen berubah
c. terjadi saat user melakukan scrolling pada dokumen
d. terjadi saat user menutup dokumen
e. terjadi saat fokus pada elemen tersebut dipindahkan ke elemen lainnya

150. Kapan Event Onsubmit terjadi…

a. terjadi saat fokus pada elemen tersebut dipindahkan ke elemen lainnya
b. terjadi saat elemen tersebut difokuskan oleh user
c. terjadi saat form di reset ke kondisi sebelum diisi
d. terjadi saat user memiliki sebagian teks pada elemen
e. Terjadi saat form akan dikirim ke aplikasi server

151. Digunakan untuk menentukan halaman yang akan ditampilkan pada browser, melalui
string url yang diberikan, penjelasan dari teknik navigasi...
a. window.location.href = “url”;
b. window.location.replace(“url”);
c. window.location.assign(“url”);
d. window.history.back()
e. window.history.forward()

152. URL halaman baru diberikan dalam bentuk parameter untuk fungsi ini. Penjelasan dari
teknik navigasi...
a. window.location.href = “url”;
b. window.location.replace(“url”);
c. window.location.assign(“url”);
d. window.history.back()
e. window.history.forward()

153. Mirip seperti assign(), bedanya browser tidak akan mengingat url sebelum ini, sehingga
tidak akan ada perubahan apabila menekan back pada browser atau menjalankan
metode history.back() untuk kembali ke halaman sebelumnya. penjelasan dari teknik
navigasi...
a. window.location.href = “url”;
b. window.location.replace(“url”);
c. window.location.assign(“url”);
d. window.history.back()
e. window.history.forward()

154. Fungsi untuk menampilkan kembali halaman sebelumnya. Sama fungsinya dengan
tombol back pada browser. penjelasan dari teknik navigasi...
a. window.location.href = “url”;
b. window.location.replace(“url”);
c. window.location.assign(“url”);
d. window.history.back()
e. window.history.forward()

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

155. Untuk menampilkan halaman setelah saat ini apabila ada. penjelasan dari teknik
navigasi...
a. window.location.href = “url”;
b. window.location.replace(“url”);
c. window.location.assign(“url”);
d. window.history.back()
e. window.history.forward()

156. Selain menggunakan HTML, navigasi pada halaman web juga dapat diwujudkan
dengan menggunakan program...
a. Javasche c. Javasprit e. Home page
b. Javascript d. Javaspint

157. Perancangan navigasi untuk suatu website dapat juga dikenal dengan istilah...
a. Javascript d. AJAK
b. Home page e. Web
c. Pembuatan sitemap

158. Sitemap ini nantinya dapat dijadikan panduan ataupun arah bagi programmer web
dalam...
a. pengamatan d. solusi
b. pelajaran e. web
c. mengembangkan aplikasinya

159. Merupakan salah satu librari yang dapat digunakan untuk menerapkan AJAX ini dengan
perintah-perintah yang lebih sederhana...
a. jQuery c. jKoery e. jBuery
b. jGuery d. jPuery

160. Bentuk lain dari navigasi ini adalah dengan menggunakan obyek...
a. AJAK pada Javascript d. Website
b. jQuery e. XML
c. Javascript

161. Yang digunakan untuk membuat halaman web lebih dinamis adalah…
a. dengan menggunakan CSS
b. dengan menggunakan HTML
c. dengan menggunakan table
d. dengan menggunakan javascript
e. dengan menggunakan link

162. Yang bukan merupakan property dari style CSS yang di modifikasi adalah…
a. color c.visibility e.height
b. bgcolor d.width

163. Tag halaman web yang menampilkan halamn web adalah …

a. a.<script>…par.style.backgroundcolor=”red”;…</script>
b. b.<script>…style.par.backgroundcolor=”red”;…</script>
c. c.<script>…style.backgroundcolor.par=”red”;…</script>
d. d.<script>…par.backgroundcolor.style=”red”;…</script>

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

e. e.<script>…backgroundcolor.par.style=”red”;…</script>

164. Tag halaman web yang menampilkan ukuran tekxtarea adalah…

a. a.<script>…width.style.info=”200px”;…</script>
b. b.<script>…info.style.width=”200px”;…</script>
c. c.<script>…style.info.width=”200px”;…</script>
d. d.<script>…info.width.style=”200px”;…</script>
e. e.<script>…width.info.style=”200px”;…</script>

165. Tag halaman web untuk membuat teks di sembunyikan dan di tampilkan adalah…
a. visibility dan hidden c. visibility dan hide
b. visible dan visibility d. e.visible dan hidden
b. visible dan hide

166. Tag dibawah adalah tag yang menghasilkan tentang…

a. pengubahan lebar c. javascript e.pengubahan ukuran

b. pengubahan tinggi d.textarea

167. Tag halaman web untuk menampilkan teks adalah…

a. visible c.visibility e.invisible
b. hide d.hidden

168. Tag halaman web untuk menyembunyikan teks adalah…

a. visible b.visibility e.invisible
b. hide c.hidden

169. Sintaks dasar untuk menampilkan teks yang di sembunyikan adalah…

a. a.style.info.visibility=”visible”
b. b.info.style.visibility=”hidden”
c. c.style.info.visibility=”hidden”
d. d.info.style.visibility=”visible”
e. e.info.style.visibility=”hide”

170. <script>…info.style.visibility=”visible”…</script> adalh sintaks untuk menampilkan…

a. teks di garis bawahi c.teks di sembunyikan e.teks shadow
b. teks berjalan d.teks tampilkan

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

171. Ada banyak pustaka Javascript yang telah dikembangkan, kecuali …

a. Dojo c. jQuery e. YUI
b. Ext JS d. Ext Jr

172. Berikut format perintah yang dapat digunakan untuk menyertakan pustaka eksternal
tersebut ke dalam halaman web yang benar adalah …
a. <script src="lokasi/file/pustakajs"></script>
b. <script src="lokasi/file/pustaka.js></script>
c. <script src="lokasi/file/pustaka.js"><script>
d. <scriptsrc="lokasi/file/pustaka.js"></script>
e. <script src="lokasi/file/pustaka.js"></script>

173. Selain adanya tambahan fitur pustaka eksternal seperti jQuery juga dapat memudahkan
dalam memprogram HTML menggunakan…
a. Javascript c. Css e. C-+
b. C++ d. Java

174. jQuery dapat didownload pada alamat…

a. http://jquery.com d. http://jquery.net
b. http://jquery.blogspot.com e. http://jquey.com
c. http://jquery.co.id

175. Perkembangan yang pesat dari jQuery ini dimungkinkan karena sifatnya yang…
a. Tertutup d. Terlupakan
b. Terbuka e. Terlindunggi
c. Tersembunyi

176. Melalui jQuery permasalahan kompatibilitas aplikasi antar web browser yang berbeda-
beda dapat diatasi, seperti pada contoh kasus penerapan…
a. AJAX c. AJAL e. HTML
b. AJAK d. AJAP

177. 1. <div>info 1</div>

2. <div>info 2</div>
3. <script src="jquery-2.0.3.js"></script>
4. <script>
5. $(document).ready(function(){
6. $('div').html('<u>info 2</u>');
7. });
8. </script>

Perintah pada baris 5 dan 7 pada skrip diatas digunakan sebagai perintah …
a. Dojo c. jQuery e. YUI
b. Ext JS d. Ext Jr

178. Salah satu pustaka yang banyak diterapkan saat ini dan memiliki sejumlah turunan,
diantaranya, kecuali …
a. jQuery c. YUI e. Bootstrap
b. UI d. Twitter

Pemrograman Web Kelas X TKJ

Latihan Ulangan Umum Semester Genap 2015/2016

179. Beberapa fitur yang dapat dimanfaatkan dari pustaka ini adalah manipulasi obyek…
a. HTML d. Javascript
b. Css e. Web
c. C++

180. Sebagai contoh, apabila menggunakan jQuery dengan file pustakanya

jquery/jquery.min.js dan
berada pada lokasi yang sama dengan aplikasi webnya, maka penyertaannya dapat
menggunakan perintah…
a. <script src=”jquery/jquery.js”></script>
b. <script src=”jquery/jquery.min.js”><script>
c. <scripsrc=”jquery/jquery.min.js”></script>
d. <script =”jquery/jquery.min.js”></script>
e. <script src=”jquery/jquery.min.js”></script>

“Man aroda dunya fa’alaihi bil ‘ilmi (Siapa yang

menginginkan dunia maka harus dengan ilmu), Man
arodal akhiroh fa’alaihi bil ilmi (Siapa yg
menginginkan akhirat maka dengan ilmu, wa man
aroda huma fa’alaihi bil ‘ilmi (Dan barang siapa yang
ingin kedua-duanya maka harus dengan ilmu)”

Pemrograman Web Kelas X TKJ