Cek Kelulusan body { font-family: Arial, sans-serif; background: #f0f0f0; text-align: center; padding: 40px; } .box { background: white; padding: 30px; border-radius: 10px; max-width: 400px; margin: auto; box-shadow: 0 0 10px rgba(0,0,0,0.1); } input { padding: 10px; width: 80%; margin-bottom: 15px; border-radius: 5px; border: 1px solid #ccc; } button { padding: 10px 20px; background: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; margin-top: 10px; } #result { margin-top: 20px; font-weight: bold; } #print-button { display: none; } CEK KELULUSAN SISWA Cek Kelulusan Cetak Hasil function cek() { const nisn = document.getElementById("nisn").value.trim(); const resultDiv = document.getElementById("result"); const printBtn = document.getElementById("print-button"); if (!nisn) { resultDiv.innerHTML = "Mohon masukkan NISN."; resultDiv.style.color = "red"; printBtn.style.display = "none"; return; } resultDiv.innerHTML = "Memproses..."; resultDiv.style.color = "black"; printBtn.style.display = "none"; fetch(`https://script.google.com/macros/s/AKfycbyHeY-uuB11dssfqaF2n6C-yHpqyClcvBS-fbzzqtEr5zPHdAH2gFje_gDiUHExi_G3/exec?nisn=${nisn}`) .then(res => res.json()) .then(data => { if (data.error) { resultDiv.innerHTML = "Data tidak ditemukan."; resultDiv.style.color = "red"; printBtn.style.display = "none"; } else { resultDiv.innerHTML = ` <div style="margin-top: 20px;"> <p>Nama: <strong>${data.nama}</strong></p> <p>Status Kelulusan: <strong style="color:green">${data.status}</strong></p> <p>Tanggal Cek: ${new Date().toLocaleDateString()}</p> </div> `; printBtn.style.display = "inline-block"; } }) .catch(err => { resultDiv.innerHTML = "Terjadi kesalahan saat menghubungi server."; resultDiv.style.color = "red"; printBtn.style.display = "none"; }); } function printHasil() { const printContent = document.getElementById("print-area").innerHTML; const win = window.open("", "", "height=500,width=400"); win.document.write("<html><head><title>Hasil Kelulusan</title></head><body>"); win.document.write(printContent); win.document.write("</body></html>"); win.document.close(); win.print(); }
Tidak ada komentar:
Posting Komentar