Asesmen awal element pemrograman terstuktur
10th Grade
•12 Qs
Similar activities
Основы HTML
1st - 11th Grade
•14 Qs
HTML 2: Lists
8th - 10th Grade
•15 Qs
Hyperlink Tags (HTML)
6th - 12th Grade
•15 Qs
Advanced HTML CIW Review
8th - 12th Grade
•15 Qs
HTML and CSS
9th - 10th Grade
•12 Qs
Информатика 11 сынып HTML
1st - 12th Grade
•10 Qs
Codecademy Intro to JavaScript
9th - 12th Grade
•16 Qs
Intro to Web Design
9th - 12th Grade
•17 Qs
Asesmen awal element pemrograman terstuktur
Quiz
•
mr putrakesuma
•
Computers
•
10th Grade
•
2 plays
•
Medium
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
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.
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>
<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.
9.
MULTIPLE CHOICE QUESTION
30 sec • 1 pt
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?
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>
<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 "1".
Paragraf akan berubah menjadi "5".
Paragraf akan berubah menjadi "6".
Paragraf akan tetap berisi "0".
Explore all questions with a free account
14 questions
Основы HTML
Quiz
•
1st - 11th Grade
15 questions
HTML 2: Lists
Quiz
•
8th - 10th Grade
15 questions
Hyperlink Tags (HTML)
Quiz
•
6th - 12th Grade
15 questions
Advanced HTML CIW Review
Quiz
•
8th - 12th Grade
12 questions
HTML and CSS
Quiz
•
9th - 10th Grade
10 questions
Информатика 11 сынып HTML
Quiz
•
1st - 12th Grade
16 questions
Codecademy Intro to JavaScript
Quiz
•
9th - 12th Grade
17 questions
Intro to Web Design
Quiz
•
9th - 12th Grade
17 questions
CAASPP Math Practice 3rd
Quiz
•
3rd Grade
15 questions
Grade 3 Simulation Assessment 1
Quiz
•
3rd Grade
20 questions
math review
Quiz
•
4th Grade
19 questions
HCS Grade 5 Simulation Assessment_1 2425sy
Quiz
•
5th Grade
16 questions
Grade 3 Simulation Assessment 2
Quiz
•
3rd Grade
21 questions
6th Grade Math CAASPP Practice
Quiz
•
6th Grade
13 questions
Cinco de mayo
Interactive video
•
6th - 8th Grade
20 questions
Reading Comprehension
Quiz
•
5th Grade