HTML5 – JS QR Code Scanner

HTML5 – JS QR Code Scanner

<script src=”https://unpkg.com/html5-qrcode”></script>
<main>
<div id=”reader”></div>
<div id=”result”></div>
</main>
<script>
const scanner = new Html5QrcodeScanner(‘reader’, {
qrbox: {
width: 250,
height: 250,
},
fps: 20,
});
scanner.render(success, err);
function success(result){
   document.getElementById(‘result’).innerHTML = `
      <h1>Success !</h1>
      <p><a href=”${result}”>${result}</a></p>
   `;
   scanner.clear();
   document.getElementById(‘reader’).remove();
}
function err(err){
   console.log(err);
}
</script>

Leave a Reply