Berikut adalah kode HTML dan JavaScript: html <!DOCTYPE html> <html> <head> <title>Contoh Soal 8</title> </head> <body> <button id="btn1" onclick="toggleClass()">Klik Saya</button> <script> 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.

Diberikan kode HTML berikut: html <!DOCTYPE html> <html> <head> <title>Contoh Soal 9</title> </head> <body> <button id="btn1" onclick="showAlert()">Klik Saya</button> <script> function showAlert() { setTimeout(function() { alert("Hello, world!"); }, 3000); } </script> </body> </html> Apa yang akan terjadi ketika tombol "Klik Saya" diklik?

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

Halaman akan berpindah ke halaman lain.

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

10. Berikut adalah kode HTML dan JavaScript: html <!DOCTYPE html> <html> <head> <title>Contoh Soal 10</title> </head> <body> <button id="btn1" onclick="incrementValue()">Klik Saya</button> <p id="counter">0</p> <script> 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 "6".

Berikut adalah kode HTML dan JavaScript: html <!DOCTYPE html> <html> <head> <title>Contoh Soal 4</title> </head> <body> <button id="btn1" onclick="checkGrade()">Klik Saya</button> <script> function checkGrade() { var score = parseInt(prompt("Masukkan skor Anda:")); var grade; if (score >= 90) { grade = "A"; } else if (score >= 80) { grade = "B"; } else if (score >= 70) { grade = "C"; } else if (score >= 60) { grade = "D"; } else { grade = "E"; } alert("Nilai Anda: " + grade); } </script> </body> </html> Apa yang akan terjadi ketika tombol "Klik Saya" diklik dan angka 85 dimasukkan di dalam kotak prompt?

Pesan peringatan akan muncul dengan teks "Nilai Anda: B".

Pesan peringatan akan muncul dengan teks "Nilai Anda: A".

Pesan peringatan akan muncul dengan teks "Nilai Anda: C".

Pesan peringatan akan muncul dengan teks "Nilai Anda: D".

Berikut adalah kode HTML dan JavaScript: html <!DOCTYPE html> <html> <head> <title>Contoh Soal 10</title> </head> <body> <button id="btn1" onclick="checkOption()">Klik Saya</button> <script> function checkOption() { var option = prompt("Pilih: ya atau tidak"); if (option === "ya") { alert("Anda memilih ya."); } else if (option === "tidak") { alert("Anda memilih tidak."); } else { alert("Pilihan tidak valid."); } } </script> </body> </html> Apa yang akan terjadi ketika tombol "Klik Saya" diklik dan kata "tidak" dimasukkan di dalam kotak prompt?

Pesan peringatan akan muncul dengan teks "Anda memilih tidak.".

Pesan peringatan akan muncul dengan teks "Anda memilih ya.".

Pesan peringatan akan muncul dengan teks "Pilihan tidak valid.".

Pesan peringatan tidak akan muncul.

Asesmen awal element pemrograman terstuktur

Authored by mr putrakesuma

Computers

10th Grade

Used 2+ times

Asesmen awal element pemrograman terstuktur

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

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

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.

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.

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".

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>
<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: ".

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.

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

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever

or continue with

Microsoft

Apple

Others

Already have an account?

Similar Resources on Wayground

10 questions

Soal Latihan 2 - Scratch

Quiz

•

8th - 12th Grade

13 questions

Викторина по информатике

Quiz

•

9th - 11th Grade

15 questions

Linux-2 Quiz 2 -- LAMP

Quiz

•

1st - 12th Grade

10 questions

Ulangan Komunikasi Daring

Quiz

•

10th Grade

10 questions

Назад в 90-е

Quiz

•

5th - 11th Grade

10 questions

Soal Ujian Komputer

Quiz

•

10th - 12th Grade

15 questions

Basics in Java

Quiz

•

9th - 12th Grade

15 questions

PrePost Mail Merge

Quiz

•

10th Grade

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

54 questions

Analyzing Line Graphs & Tables

Quiz

•

4th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

20 questions

Main Idea and Details

Quiz

•

5th Grade

20 questions

Context Clues

Quiz

•

6th Grade

15 questions

Equivalent Fractions

Quiz

•

4th Grade

Discover more resources for Computers

18 questions

[AP CSP] JavaScript Programming Lesson 2025-2026

Lesson

•

9th - 12th Grade

57 questions

[AP CSP] Unit 5 Review: Internet & Cybersecurity

Quiz

•

9th - 12th Grade

10 questions

Exploring Digital Citizenship Essentials

Interactive video

•

6th - 10th Grade