Asesmen awal element pemrograman terstuktur 10th Grade Quiz

1.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

Berikut adalah kode HTML dan JavaScript:

html

<!DOCTYPE html>

<html>

<head>

<title>Contoh Soal 1</title>

</head>

<body>

var counter = 0;

function myFunction() {

counter++;

console.log(counter);

}

</script>

</body>

</html>

Apa output yang akan ditampilkan di konsol ketika tombol "Klik Saya" diklik tiga kali?

1 1 1

1 2 3

1 1 2

1 2 2

2.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

Diberikan kode HTML berikut:

html

<!DOCTYPE html>

<html>

<head>

<title>Contoh Soal 2</title>

</head>

<body>

<p id="text">Halo, dunia!</p>

function changeText() {

var textElement = document.getElementById("text");

textElement.innerHTML = "Selamat datang!";

}

</script>

</body>

</html>

Apa yang akan terjadi ketika tombol "Klik Saya" diklik?

Paragraf akan berubah menjadi "Klik Saya".

Paragraf akan menghilang.

Paragraf akan berubah menjadi "Selamat datang!"

Tombol akan menghilang.

3.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

Berikut adalah kode HTML dan JavaScript:

html

<!DOCTYPE html>

<html>

<head>

<title>Contoh Soal 3</title>

</head>

<body>

<p id="text" style="display: none;">Teks yang disembunyikan.</p>

function toggleVisibility() {

var textElement = document.getElementById("text");

if (textElement.style.display === "none") {

textElement.style.display = "block";

} else {

textElement.style.display = "none";

}

</script>

</body>

</html>

Apa yang akan terjadi ketika tombol "Klik Saya" diklik dua kali?

Paragraf akan muncul dan tetap terlihat.

Paragraf akan muncul dan kemudian menghilang kembali.

Paragraf akan tetap disembunyikan.

Paragraf akan muncul dan berkedip beberapa kali.

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Berikut adalah kode HTML dan JavaScript:

html

<!DOCTYPE html>

<html>

<head>

<title>Contoh Soal 4</title>

</head>

<body>

var counter = 0;

function incrementCounter() {

counter++;

document.getElementById("counter").innerHTML = counter;

}

</script>

</body>

</html>

Apa yang akan terjadi ketika tombol "Klik Saya" diklik empat kali?

Paragraf akan berubah menjadi "4".

Paragraf akan berubah menjadi "1".

Paragraf akan berubah menjadi "5".

Paragraf akan tetap berisi "0".

5.

MULTIPLE CHOICE QUESTION

2 mins • 1 pt

Berikut adalah kode HTML dan JavaScript:

html

<!DOCTYPE html>

<html>

<head>

<title>Contoh Soal 5</title>

</head>

<body>

<p id="output">Hasil: </p>

function showValue() {

var inputElement = document.getElementById("inputField");

var outputElement = document.getElementById("output");

outputElement.innerHTML = "Hasil: " + inputElement.value;

}

</script>

</body>

</html>

Apa yang akan terjadi saat Anda mengetikkan "Hello, world!" di kotak input?

Paragraf akan berubah menjadi "Hasil: Hello, world!".

Paragraf akan berubah menjadi "Hasil: world!".

Paragraf akan berubah menjadi "Hasil: Hello,".

Paragraf akan tetap berisi "Hasil: ".

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Berikut adalah kode HTML dan JavaScript:

html

<!DOCTYPE html>

<html>

<head>

<title>Contoh Soal 6</title>

</head>

<body>

function disableButton() {

document.getElementById("btn1").disabled = true;

}

</script>

</body>

</html>

Apa yang akan terjadi ketika tombol "Klik Saya" diklik?

Tombol akan menghilang.

Tombol akan berubah menjadi teks "Klik Saya".

Tombol akan menjadi tidak dapat diklik (disabled)

Tidak ada yang terjadi.

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Berikut adalah kode HTML dan JavaScript:

html

<!DOCTYPE html>

<html>

<head>

<title>Contoh Soal 7</title>

</head>

<body>

function changeColor() {

document.getElementById("btn1").style.backgroundColor = "red";

}

</script>

</body>

</html>

Apa yang akan terjadi ketika tombol "Klik Saya" diklik?

Tombol akan berubah menjadi merah.

Tombol akan menghilang.

Tidak ada perubahan pada tombol.

Tombol akan berubah menjadi biru.

8.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Berikut adalah kode HTML dan JavaScript:

html

<!DOCTYPE html>

<html>

<head>

<title>Contoh Soal 8</title>

</head>

<body>

function toggleClass() {

document.getElementById("btn1").classList.toggle("highlight");

}

</script>

<style>

.highlight {

background-color: yellow;

}

</style>

</body>

</html>

Apa yang akan terjadi ketika tombol "Klik Saya" diklik dua kali?

Tombol akan berubah menjadi kuning.

Tombol akan berkedip antara warna kuning dan warna asalnya.

Tombol akan berubah menjadi warna biru.

Tombol akan tetap berwarna default.

9.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Diberikan kode HTML berikut:

html

<!DOCTYPE html>

<html>

<head>

<title>Contoh Soal 9</title>

</head>

<body>

function showAlert() {

setTimeout(function() {

alert("Hello, world!");

}, 3000);

}

</script>

</body>

</html>

Apa yang akan terjadi ketika tombol "Klik Saya" diklik?

Tidak ada yang terjadi.

Pesan peringatan "Hello, world!" akan muncul setelah 3 detik.

Halaman akan berpindah ke halaman lain.

Tombol akan berubah menjadi teks "Hello, world!".

10.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

10. Berikut adalah kode HTML dan JavaScript:

html

<!DOCTYPE html>

<html>

<head>

<title>Contoh Soal 10</title>

</head>

<body>

function incrementValue() {

var counterElement = document.getElementById("counter");

var currentValue = parseInt(counterElement.innerHTML);

counterElement.innerHTML = currentValue + 1;

}

</script>

</body>

</html>

Apa yang akan terjadi ketika tombol "Klik Saya" diklik lima kali?

Paragraf akan berubah menjadi "1".

Paragraf akan berubah menjadi "5".

Paragraf akan berubah menjadi "6".

Paragraf akan tetap berisi "0".

Create a free account and access millions of resources

Similar Resources on Wayground

Popular Resources on Wayground

Discover more resources for Computers