NEW
Font size
WorksheetsMid Test React JS
Total questions: 25
Worksheet time: 50mins
Merupakan runtime environment untuk JavaScript yang bersifat open-source dan cross-platform adalah pengertian dari …
React
Node.js
NPM
library
library
Cara menjalankan kode JavaScript bernama index.js menggunakan Node.js adalah ...
node .
npm .
node start .
npm start .
npm run .
Perhatikan gambar berikut!
Fungsi tersebut disebut sebagai fungsi …
fungsi anonim
fungsi dengan variabel
fungsi panah
fungsi biasa
semua salah
Perhatikan kode JavaScript berikut!
Kode tersebut akan error karena ...
tidak memiliki nama tapi disimpan di konstanta
hanya memiliki satu parameter tapi tidak diberi kurung
tidak memiliki kurung kurawal tapi terdapat return
penggabungan string ‘Selamat datang ‘ dan name tidak diberi kurung
berupa arrow function tapi diakhiri semicolon (titik koma)
Perhatikan gambar berikut!
Manakah jawaban yang tepat untuk melengkapi program dan menghasilkan output 10?
4, 5, myDisplayer
myDisplayer, 2, 8
3, myDisplayer, 7
5, 5, myDisplayer
myDisplayer, 2, 9
Method array map() membutuhkan argumen berupa ...
array baru yang berisi nilai baru untuk tiap-tiap indeks
fungsi yang mengembalikan nilai baru untuk tiap-tiap indeks
array yang ingin di-mapping menjadi array baru
fungsi yang mengembalikan objek yang memiliki properti sebanyak elemen array
fungsi yang mengembalikan boolean yang menentukan ada tidaknya elemen di array baru
Method array di JavaScript yang berfungsi untuk mencari semua elemen di dalam array yang sesuai dengan kriteria tertentu adalah …
map()
find()
show()
get()
filter()
Jika method array find() tidak menemukan nilai yang dicari maka akan mengembalikan ...
array kosong
undefined
false
null
0
Perhatikan gambar berikut!
Jika program tersebut dijalankan hasilnya …
budi, 20, pria, web developer
budi
20
pria
web developer
nama: budi,
umur: 20,
jenisKelamin: pria
pekerjaan: web developer
nama: 'budi',
umur: 20,
jenisKelamin: 'pria'
pekerjaan: 'web developer'
error
Implementasi array destructuring dalam React adalah ...
destructuring pada prop komponen
destructuring pada CSS in JS
destructuring pada array yang di-mapping
destructuring pada fungsi event handler
destructuring pada hook useState()
Sintaks ternary operator adalah ...
kondisi ? jika benar | jika salah
kondisi & jika benar | jika salah
kondisi : jika benar ? jika salah
kondisi & jika benar : jika salah
kondisi ? jika benar : jika salah
Perhatikan gambar berikut!
Jika program tersebut dijalankan maka akan menghasilkan output …
1, 1
3, 3
null, 1
null, 3
semua salah
Output dari kode tersebut adalah ...
error
undefined
false
null
0
Berikut yang tidak termasuk ke dalam bahasa markah/markup adalah…
Markdown
HTML
XML
JSX
Semua benar
Sintaks Markdown untuk membuat link adalah ...
(Buka Google){https://www.google.com}
{Buka Google}(https://www.google.com)
[Buka Google](https://www.google.com)
(Buka Google)[https://www.google.com]
[Buka Google]{https://www.google.com}
Perintah Git yang berfungsi untuk menyimpan perubahan yang telah dilakukan adalah …
git init
git add
git commit
git push
git clone
Perintah untuk membuat commit baru menggunakan Git adalah ...
git commit -v "pesan/keterangan"
git commit -m "pesan/keterangan"
git commit -n "pesan/keterangan"
git commit -o "pesan/keterangan"
git commit -p "pesan/keterangan"
Setiap kali ada perubahan pada kode kita, perintah-perintah yang perlu kita lakukan untuk memperbaruinya ke GitHub adalah ...
git init > git commit > git push
git clone > git commit > git push
git branch > git commit > git push
git checkout > git commit > git push
git add > git commit > git push
Perhatikan properti pada package.json berikut!
Untuk menjalankan script tersebut kita dapat menggunakan perintah ...
npm start mulai
npm mulai
npm run mulai
npm script mulai
npm script "mulai"
Secara umum, bagian yang biasanya ada dalam komponen React adalah sebagai berikut kecuali …
bagian state
bagian data (props, variabel)
bagian method atau fungsi
bagian method render()
semua benar
Perhatikan kode JSX berikut!
Kata "Login" diteruskan ke dalam komponen berupa ...
props
props.child
props.children
props.innerText
props.textContent
Suatu pengembangan JavaScript di mana kode HTML bisa di ikut sertakan dalam JavaScript disebut …
XML
JSX
AJAX
CSS
semua salah
Perhatikan kode JavaScript dan JSX berikut!
Kode tersebut salah karena ...
elemen JSX tidak memiliki atribut style, melainkan styleName
nama konstanta CSS in JS seharusnya style, bukan appStyle
appStyle hanya memiliki satu kurung kurawal
terlalu banyak kurung kurawal
deklarasi konstanta appStyle seharusnya di dalam komponen App
Yang tidak dapat kita lakukan dengan expression di JSX adalah ...
menampilkan nilai variabel
memanggil fungsi
melakukan operasi matematika
melakukan mapping array
membaca dan menulis file
Yang tidak dapat dilakukan oleh if-else tapi dapat dilakukan oleh ternary operator adalah ...
mengembalikan JSX
diletakkan di dalam JSX sebagai expression
ditulis tanpa semicolon (titik koma)
ditulis dalam satu baris
ditulis tanpa else (jika kondisi salah)
