<html>
<head>
<meta charset="UTF-8">
<title>Kandungan Dilindungi</title>
<style>
#protected-content {
display: none;
}
body {
font-family: Arial, sans-serif;
padding: 20px;
}
.error {
color: red;
}
</style>
</head>
<body>
<script>
// Tetapkan password di sini
var correctPassword = "abc123"; // Tukar kepada password anda
var userPassword = prompt("Halaman ini dilindungi. Sila masukkan kata laluan:");
if (userPassword === correctPassword) {
document.getElementById("protected-content").style.display = "block";
} else {
document.write("<p class='error'>❌ Akses ditolak. Kata laluan salah atau anda tidak dibenarkan.</p>");
}
</script>
<div id="protected-content">
<h2>Selamat Datang ke Halaman Rahsia</h2>
<p>Ini adalah kandungan rahsia yang hanya boleh dilihat oleh mereka yang tahu kata laluan.</p>
<ul>
<li>Contoh 1: Nota peribadi</li>
<li>Contoh 2: Link download khas</li>
<li>Contoh 3: Panduan rahsia</li>
</ul>
</div>
</body>
</html>
