Scribd
Unggah
9K tayangan15 halaman

Latihan Soal Javascript Kelas XI

1. Latihan soal berisi 15 pertanyaan pilihan ganda tentang JavaScript dan HTML. 2. Soal-soal meliputi konsep dasar seperti event handler, manipulasi DOM, tipe data, dan penggunaan fungsi dalam JavaScript. 3. Jawaban benar dapat ditemukan dengan memahami konsep-konsep tersebut.

Diunggah oleh

Leonsius
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
9K tayangan15 halaman

Latihan Soal Javascript Kelas XI

1. Latihan soal berisi 15 pertanyaan pilihan ganda tentang JavaScript dan HTML. 2. Soal-soal meliputi konsep dasar seperti event handler, manipulasi DOM, tipe data, dan penggunaan fungsi dalam JavaScript. 3. Jawaban benar dapat ditemukan dengan memahami konsep-konsep tersebut.

Diunggah oleh

Leonsius
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 15

Latihan Soal Kelas XI

Jawablah pertanyaan yang dianggap benar !


No Soal
1. Di dalam sebuah kode script ada tertulis seperti ini <input type=”button”
value=”klik disini” onclick=”klik()”, event(kejadian) apa yang digunakan
dalam kode script tersebut …

A. alert D. onmouseout
B. confirm E. onclik
C. document.write

2. Di dalam sebuah kode script ada tertulis seperti ini


document.bgColor="red", apakah arti dari kode script tersebut …

A. Memberikan warna merah D. Memberikan warna merah


pada background page pada link document
B. Memberikan warna merah E. Memberikan warna merah
untuk tulisan pada page pada link dari halaman web
C. Memberikan warna tulisan
pada setiap document.

3. Di dalam sebuah kode script ada tertulis seperti ini


document.fgColor="red", apakah arti dari kode script tersebut …

A. Memberikan warna merah D. Memberikan warna merah


pada background page pada link document
B. Memberikan warna merah E. Memberikan warna merah
untuk tulisan pada page pada link dari halaman web
C. Memberikan warna tulisan
pada setiap document.

4. Fungsi yang digunakan untuk merubah satu nilai dari suatu variabel
menjadi bilangan desimal adalah …

A. parseInt() D. parseFLoat()
B. eval=(nama variabel) E. window.prompt
C. window.close

5. Fungsi yang digunakan untuk merubah satu nilai dari suatu variabel
menjadi bilangan bulat adalah …

Halaman : 1 dari 14
A. parseInt() D. eval=(nama variabel)
B. parseFLoat() E. window.prompt
C. window.close

6. Word Wide Web merupakan singkatan dari :

A. WWW D. WWC
B. WCW E. WWO
C. WHO

7. Jaringan komputer berskala internasional/global yang dapat membuat


masing-masing komputer saling berkomunikasi adalah:

A. Intranet D. Warnet
B. Ultranet E. Dotnet
C. Internet

8. Dibawah ini adalah bagian dari web browser, kecuali :

A. Internet Explorer D. Modila


B. Opera E. Netscape Navigator
C. Mozila

9. Dibawah ini merupakan tag utama dari html, kecuali :

A. Html  <html> </html> D. Break line  <br>


B. Paragraf  <p> </p> E. Horizontal line  <hr>
C. Font  <font> </font>

10. Di dalam sebuah tabel, setiap baris di bentuk dengan tag :

A. <td> ….. </td> D. <th> ……. </th>


B. <tr> ….. </tr> E. </td> …… <td>
C. <tb> ...... </tb>

11. Di dalam sebuah tabel, setiap kolom di bentuk dengan tag :

Halaman : 2 dari 14
A. <td> ….. </td> D. <th> ……. </th>
B. <tr> ….. </tr> E. </td> …… <td>
C. <tb> ...... </tb>

12. Tag ini berguna untuk menampilkan seluruh text beserta tagnya dalam
sebuah web browser :

A. <Emphasis> …..</emphasis D. <strike> ……. </strike>


B.<plaintext> … </plaintext> E. <strong> ….. </strong>
C. <pre> ...... </pre>

13. Bentuk type seperti ini di dalam list html dinamakan :

A. Bulleted D. Cirle
B. Disc E . Numbered
C. Square

14. Bentuk type seperti ini di dalam list html dinamakan :

A. Bulleted D. Cirle
B. Disc E . Numbered
C. Square

15. Bentuk type seperti ini di dalam list html dinamakan :

A. Bulleted D. Cirle
B. Disc E . Numbered
C. Square

16. Perhatikan kode program dibawah ini dengan seksama!

1) <script language=”javascript”>
2) Var a=12;
3) Var b=4;
4) Function pd2(b) {
5) Var a=b*2;
6) return a; }
7) document.write(“Dua kali dari “,b,” adalah “,pd2(b));

Halaman : 3 dari 14
8) document.write(“Nilai dari a adalah”, a);
9) </script>

Dari kode skrip diatas, maka hasilnya adalah .....


A. Dua kali dari 4 adalah 8 D. Dua kali dari 4 adalah 8
Nilai dari a adalah 12 Nilai dari a adalah 4
B. Dua kali dari 2 adalah 4 E. Dua kali dari 2 adalah 4
Nilai dari a adalah 12 Nilai dari a adalah 12

C. Dua kali dari 4 adalah 8


Nilai dari a adalah 8

17. Masih Berhubungan dengan kode program pada nomor 22, apabila kode
program pada baris ke 5 Var a = b * 2 ; diganti dengan a = b * 2 ;
, maka hasilnya adalah ....

C. Dua kali dari 4 adalah 8 D. Dua kali dari 4 adalah 8


Nilai dari a adalah 12 Nilai dari a adalah 4
D. Dua kali dari 2 adalah 4 E. Dua kali dari 2 adalah 4
Nilai dari a adalah 12 Nilai dari a adalah 12

C. Dua kali dari 4 adalah 8


Nilai dari a adalah 8

18. Di dalam javascript kita hanya bisa memanipulasi empat jenis data.
Dibawah ini merupakan keempat jenis data tersebut, kecuali :

A. Jenis data fungsi D. Jenis data Boolean (true atau


false)
B. Jenis data bilangan (integer E. Jenis data null (tidak ada
atau float) data didalamnya)
C. Jenis data kata (string)
Perhatikan tabel dibawah ini dengan seksama !

No Hasil No Hasil
1. parseInt(“128.34”); … 4. parseFloat(“128.34”) …
2. parseInt(“0284”); … 5. parseFloat(“128,34 …
”)
3. parseInt(“Halo3824”); … 6. parseFloat(“0284”) …

Tabel diatas digunakan untuk menjawab soal nomor 25 - 30

Halaman : 4 dari 14
19. Pada tabel nomor satu, akan menghasilkan :

A. 284 D. 128.34
B. NaN E. 128,34
C. 128

20. Pada tabel nomor dua, akan menghasilkan :

A. 284 D. 128.34
B. NaN E. 128,34
C. 128

21. Pada tabel nomor tiga, akan menghasilkan :

A. 284 D. 128.34
B. NaN E. 128,34
C. 128

22. Pada tabel nomor empat, akan menghasilkan :

A. 284 D. 128.34
B. NaN E. 128,34
C. 128

23. Pada tabel nomor lima, akan menghasilkan :

A. 284 D. 128.34
B. NaN E. 128,34
C. 128

24. Pada tabel nomor enam, akan menghasilkan :

A. 284 D. 128.34
B. NaN E. 128,34
C. 128

25. Adalah input/masukan dari pengguna yang kemudian diproses untuk

Halaman : 5 dari 14
mendapatkan hasil yang diinginkan pengguna, proses penyimpanan,
proses sunting atau edit, proses hapus dan browse disebut :

A. Tabel D: Frame
B. Form E. DataBase
C. Program

26. Fungsi Frame ini berisi daftar link dengan frame kedua sebagai target :

A. Frame Navigasi D. Frame Baris


B. Frame Inline E. Frame Campuran
C. Frame Kolom

27. Fungsi Frame ini menampilkan informasi dalam sebuah web browser
dalam bentuk baris dan kolom :

A. Frame Navigasi D. Frame Baris


B. Frame Inline E. Frame Campuran
C. Frame Kolom

28. Nama entitas dari ampersand adalah :

A. &copy D. &nbsp
B. &divide E. &amp
C. &raquo

29. Nama entitas dari tanda bagi adalah :

A. &copy D. &nbsp
B. &divide E. &amp
C. &raquo
30. Tahun berapakah javascript pertama kali diperkenalkan oleh netscape …
?

A. 1945 D. 1985
B. 1995 E. 1975
C. 2005

31. Untuk menuliskan komentar dalam satu baris didalam javascript kita

Halaman : 6 dari 14
menggunakan … ?

A. // komentar // D. \\ komentar \\
B. // komentar */ E. \* komentar */
C. /* komentar */

32. Untuk menuliskan komentar lebih dari satu baris didalam javascript kita
menggunakan … ?

A. // komentar // D. \\ komentar \\
B. // komentar */ E. \* komentar */
C. /* komentar */

33. Script dari javasscript dapat di tempatkan pada :

A. Body, Header, Title D. Body, Header, External File


B. Header, Title, Html E. Body, Header, Html
C. Title, Body, External File

34. Pendeklarasian variabel dijavascript dapat dilakukan dengan dua cara,


antara lain dengan menuliskan kata kunci var kemudian diikuti dengan
nama variabel dan nilai dari variabelnya. Cara pendeklarasian seperti ini
disebut secara :

A. Implisit D. Deduktif
B. Explisit E. Variatif
C. Variabel

35. Pendeklarasian variabel dijavascript dapat dilakukan dengan dua cara,


antara lain dengan tidak menuliskan kata kunci var kemudian diikuti
dengan nama variabel dan nilai dari variabelnya. Cara pendeklarasian
seperti ini disebut secara :

A. Implisit D. Deduktif
B. Explisit E. Variatif
C. Variabel

Perhatikan dengan seksama kode program dibawah ini untuk mengerjakan soal
nomor 36 – 40.

Halaman : 7 dari 14
<html> <head> </head>
<body>
<script type="text/javascript">
document.write("<h1><center>MENU LINGKARAN</center></h1><br>");
document.write("<h2>1. Jari-Jari Lingkaran<br>");
document.write("<h2>2. Keliling Lingkaran <br>");
document.write("<h2>3. Luas Lingkaran <br>");
var bil= ….. (36)
if(bil==1)
{
var a=prompt("Silahkan Masukkan Jari-Jari Lingkaran :","");
….. (37)
}
….. (38)
{
var b=prompt("Silahkan Masukkan Jari-Jari Lingkaran :","");
var c=2*3.14*parseInt(b);
….. (39)
}
if(bil==3)
{
var d=prompt("Silahkan Masukkan Jari-Jari Lingkaran :","");
var e=3.14*parseInt(d)*parseInt(d);
document.write("<h1>Luas Lingkaran :",+e+"</h1>")
}
………… (40)
Tampilan Hasil Program :
MENU LINGKARAN

1. Jari-Jari Lingkaran
2. Keliling Lingkaran
3. Luas Lingkaran

Hasil dari program diatas apabila user memilih menu pertama :


Jari-Jari Lingkaran : 10

36. Pada nomor 36 dalam kode script diatas, seharusnya berisi :

A. alert("Silahkan Masukkan D. promp("Silahkan Masukkan


Pilihan Anda :",""); Pilihan Anda :","");
B. document.write("Silahkan E. ("Silahkan Masukkan Pilihan
Masukkan Pilihan Anda Anda :","");
:","");
C. prompt("Silahkan Masukkan
Pilihan Anda :","");

Halaman : 8 dari 14
37. Pada nomor 37 dalam kode script diatas, seharusnya berisi :

A. alert("<h1>Jari-Jari D. promp("<h1>Jari-Jari
Lingkaran :",+a+"</h1>") Lingkaran :",+a+"</h1>")
B. document.write("<h1>Jari- E. document.write("<h1>Jari-
Jari Lingkaran :"+ Jari Lingkaran
"a"+"</h1>") :",+a+"</h1>")
C. prompt("<h1>Jari-Jari
Lingkaran :",+a+"</h1>")

38. Pada nomor 38 dalam kode script diatas, seharusnya berisi :

A. else if(bil==3) D. else if(bil==”2”)


B. else if(bil==2) E. else if(bil===2)
C. else if(bill==2)

39. Pada nomor 39 dalam kode script diatas, seharusnya berisi :

A. prompt("<h1>Keliling D. document.write("<h1>
Lingkaran :",+c+"</h1>") Keliling Lingkaran
:",+c+"</h1>")
B. alert("<h1>Keliling E. document.write("<h1>
Lingkaran :",+c+"</h1>") Keliling Lingkaran
:",+”c”+"</h1>")
C. promp("<h1>Keliling
Lingkaran :",+c+"</h1>")

40. Pada nomor 40 dalam kode script diatas, seharusnya berisi :

A. </script> </body> </html> D. <script> </body> </html>


B. </html> </body> </script> E. </body> </script> </html>
C. <body> </script> </html>

41. <html> <head> </head> <body>


<script language="javascript">

Halaman : 9 dari 14
for(a=0;… (41);a+=2) {
document.write(a," ") }
</script> </body> </html>
Agar menghasilkan tampilan deret 0 2 4 6 8 10 12 14 16 18 20, maka
titik-titk pada nomor 36 seharusnya berisi …
A. a<=10 D. a<=20
B. a<20 E. a>=20
C. a<10

42. <html> <head> </head> <body>


<script language="javascript">
for(a= -12;a<=12;a+=3) {
document.write(… (42)," ") }
</script> </body> </html>
Agar menghasilkan tampilan deret 144 81 36 9 0 9 36 81 144 , maka
titik-titk pada nomor 37 seharusnya berisi …

A. a*2 D. a/a
B. a*a E. a*a*a
C. a+a

43. <html> <head> </head> <body>


<script language="javascript">
for(a=1;a<=5;a++) { for(b=1;b<=a;b++) { document.write("*") }
document.write("<br>") }
</script> </body> </html>

Hasil tampilan dari kode program diatas adalah ….

A. *****
B. ***** C. *
D. ***** E. *
**** **** ** ***** **
*** *** *** ***** ***
** ** **** ***** ****
* * ***** ***** *****

44. <html> <head> </head> <body>


<script language="javascript">
for(a=1;a<=5;a++) { for(b=a;b<=5;b++) { document.write("*") }
document.write("<br>") }
</script> </body> </html>

Hasil tampilan dari kode program diatas adalah ….

A. *****
B. *****
C. *
D. *****
E. *
**** **** ** ***** **
*** *** *** ***** ***
** ** **** ***** * * * :*10
*****
Halaman dari 14
* * ***** *****
45. <html> <head> </head> <body>
<script language="javascript">
for(a=1;a<=5;a++) { for(b=5;b>=1;b--) { document.write("*") }
document.write("<br>")
}
</script> </body> </html>

Hasil tampilan dari kode program diatas adalah ….

A. ***** B. ***** C. * D. ***** E. *


**** **** ** ***** **
*** *** *** ***** ***
** ** **** ***** ****
* * ***** ***** *****

Perhatikan kode program dibawah ini dengan seksama !

<html> <title> JAVA SCRIPT</title>


<head>
<script language="JavaScript">
function Piramida()
{
… (46)
rubah=eval(tinggi)
var WindowBaru=window.open(" … (48)", "baru", "height=350,width=380");
WindowBaru.document.write("<HTML>")
WindowBaru.document.write("<TITLE>Window Baru </TITLE>")
WindowBaru.document.write("<BODY BGCOLOR='white'>")
WindowBaru.document.write("<CENTER>")
baris=1
while (baris <= rubah) {
nomor=1
while (nomor <= baris) {
WindowBaru.document.write("<font size=6
color=black>&nbsp;*&nbsp;</font>")
nomor=nomor+1 }
WindowBaru.document.write("<br>")
baris=baris+1 }
WindowBaru.document.write("<P><HR WIDTH='60%'><P>")

Halaman : 11 dari 14
WindowBaru.document.write("<a href=''onClick='self.close()'>Klick Disini
Untuk Menutup Window
Ini</a><p>")
WindowBaru.document.write("</CENTER>")
windowBaru.document.write("</BODY>")
WindowBaru.document.write("</HTML>") }
</script> </head> <body>
<form>
…(50)
</form> </body> </html>

Tampilan awal : Tampilan setelah Button piramida di klik :

Tampilan setelah window prompt diisikan sebuah nilai 5 :

46. Pada nomor 46 dalam kode script diatas, seharusnya berisi :

A. tinggi=alert("Tinggi Piramid D. tinggi=document.write


?"," ") ("Tinggi Piramid ?"," ")
B. tinggi=prompt("Tinggi E. tinggi=prompt("Tinggi
Piramid ?"," ") Piramid ?"," Berapa Tinggi
Piramid Yang Anda Inginkan

Halaman : 12 dari 14
?")
C. tinggi=promp("Tinggi
Piramid ?"," ")

47. Pada script diatas, ada tertulis seperti ini rubah=eval(tinggi), apakah
maksud dari kode script tersebut …

A. Merubah variabel eval D. variabel yang digunakan


menjadi variabel rubah untuk merubah sebuah nilai
B. Merubah nilai eval menjadi E. Data yang diinput melalui
Tinggi window prompt akan
dirubah menjadi number
melalui perintah
eval=(tinggi), dan diberikan
variabel baru yang bernama
rubah.
C. Nilai karakter pada window
prompt dirubah menjadi
number

48. Pada nomor 48 dalam kode script diatas, seharusnya berisi :

A. Kosong, akan tetapi dapati D. window.open


diisikan sebuah URL
B. "baru", E. "window.baru",
"height=350,width=380" height=350,width=380"
C. "height=350,width=380"
,"baru"

49. Pada script diatas, ada tertulis seperti ini a href=''onClick='self.close()'


apakah maksud dari kode script tersebut …

A. Link yang berguna untuk D. Link yang berguna untuk


menutup window lama menutup window
B. Link yang berguna untuk E. Link untuk menutup
menutup menutup sebuah URL
window baru
C. Link yang berguna untuk
menutup window baru dan
window lama

Halaman : 13 dari 14
50. Pada nomor 50 dalam kode script diatas, seharusnya berisi :

A. <input type="button" D. <input type="button"


value="Piramida" value="Piramida"
onclik="Piramida()"> onclick="window.baru()">

B. <input type="button" E. <input type="button"


value="button" value="Piramida"
onclick="Piramida()"> onclick="Piramida()">
C. <input type="button"
value="Piramida"
onclick="Piramida">

Halaman : 14 dari 14
E
A
B
D
A
A
C
D
A
B
A
B
D
B
C
A
C
A
C
A
B
D
C
A
B
A
E
E
B
B
A
C
D
B
A
C
B
B
D
A
D
B
E
A
D
B
E
A
D
E

Anda mungkin juga menyukai