Search Header Logo

Asesmen awal element pemrograman terstuktur

Authored by mr putrakesuma

Computers

10th Grade

Used 2+ times

Asesmen awal element pemrograman terstuktur
AI

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

    Content View

    Student View

12 questions

Show all answers

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>

<button id="btn1" onclick="myFunction()">Klik Saya</button>

<script>

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>

<button id="btn1" onclick="changeText()">Klik Saya</button>

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

<script>

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>

<button id="btn1" onclick="toggleVisibility()">Klik Saya</button>

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

<script>

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>

<button id="btn1" onclick="incrementCounter()">Klik Saya</button>

<p id="counter">0</p>

<script>

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

  1. Berikut adalah kode HTML dan JavaScript:

html

<!DOCTYPE html>

<html>

<head>

<title>Contoh Soal 5</title>

</head>

<body>

<input type="text" id="inputField" onkeyup="showValue()">

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

<script>

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>

<button id="btn1" onclick="disableButton()">Klik Saya</button>

<script>

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>

<button id="btn1" onclick="changeColor()">Klik Saya</button>

<script>

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.

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?