aplikasi scaner siswa NAMA GILANG ABDURAHMAN XI-1

<!DOCTYPE html>

<head>

<title>Scanner Absensi Siswa</title>

<style>

body { font-family: Arial; text-align: center; }

#reader { width: 300px; margin: auto; }

table { margin: auto; border-collapse: collapse; }

th, td { border: 1px solid black; padding: 8px; }

</style>

</head>

<body>

<h2>Aplikasi Scanner Absensi Siswa</h2>

<h3>Data Kehadiran</h3>

<table>

<tr>

<th>Waktu</th>

</tr>

</table>

function onScanSuccess(qrCodeMessage) {

const waktu = new Date().toLocaleString();

const tabel = document.getElementById("data");

const row = tabel.insertRow();

row.insertCell(0).innerText = qrCodeMessage;

row.insertCell(1).innerText = waktu;

}

new Html5Qrcode("reader").start(

{ facingMode: "environment" },

{ fps: 10, qrbox: 250 },

onScanSuccess

);

</script>

</body>

</html>

langblog