<!DOCTYPE html>
<html>
<head>
<title>Pengumuman Kelulusan</title>
</head>
<body>
<h2>Pengumuman Kelulusan</h2>
<input type="text" id="nis" placeholder="Masukkan NIS">
<button onclick="cekKelulusan()">Cek</button>
<div id="hasil"></div>
<script>
const dataSiswa = [
{
nis: "5364",
nama: "AHMAD LUQMAN AL-HAKIM",
ttl: "Kab. Semarang, 26 Maret 2007",
kelas: "XII TITL"
},
{
nis: "5365",
nama: "AHMAD MAULANA",
ttl: "Boyolali, 29 Februari 2008",
kelas: "XII TITL"
},
{
nis: "5366",
nama: "AMRU AKMAL",
ttl: "Kab. Semarang, 18 Januari 2008",
kelas: "XII TITL"
}
// tambahkan semua data di sini
];
function cekKelulusan() {
const nisInput = document.getElementById("nis").value;
const siswa = dataSiswa.find(s => s.nis === nisInput);
const hasil = document.getElementById("hasil");
if (siswa) {
hasil.innerHTML = `
<h3>Data Ditemukan</h3>
<p>Nama: ${siswa.nama}</p>
<p>TTL: ${siswa.ttl}</p>
<p>Kelas: ${siswa.kelas}</p>
<h2 style="color:green;">LULUS</h2>
`;
} else {
hasil.innerHTML = `<p style="color:red;">Data tidak ditemukan</p>`;
}
}
</script>
</body>
</html>
Komentar
Posting Komentar