<!DOCTYPE html>
<html lang="id">
<head>
<title>nama kalian</title>
<style>
body
{font-family: Arial, sans-serif;text-align: Center;}
.pertanyaan
{background-color: #FF00FF;color: #fff;font-size: 24px;font-weight: bold;
margin-bottom: 20px;padding: 10px 20px;border: none;border-radius: 5px;cursor: pointer;}
.jawaban
{font-size: 18px;margin-bottom: 20px;}
.tombol
{background-color: #4CAF50;color: #fff;padding: 10px 20px;border: none;border-radius: 5px;cursor: pointer;}
.tombol:hover
{background-color: #3e8e41;}
</style>
</head>
<body>
<h1> Soal dari (nama kalian) </h1>
<div class="pertanyaan">KAPAN PULANG ?</div>
<div class="jawaban">
<button class="tombol" onclick="jawabanSalah()">A</button>
<button class="tombol" onclick="jawabanSalah()">B</button>
<button class="tombol" onclick="jawabanBenar()">C</button>
</div>
<div id="hasil"></div>
<script>
function jawabanBenar()
{document.getElementById("hasil").innerHTML = "Jawaban Anda benar sekali!";}
function jawabanSalah()
{document.getElementById("hasil").innerHTML = "Jawaban Anda salah. Coba lagi!";}</script>
</body>
</html>
Tidak ada komentar:
Posting Komentar