From 44a95e45a0e8449a49338f4b0be7dfbc8f40e51f Mon Sep 17 00:00:00 2001
From: Tannu Jha <92167499+tannu610@users.noreply.github.com>
Date: Sun, 30 Oct 2022 14:26:15 +0530
Subject: [PATCH] Create QRcode_scanner.html

created a qrcode scanner using html so now sp now this repo has QR Code Generator and Scanner both
---
 QRcode_scanner.html | 50 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)
 create mode 100644 QRcode_scanner.html
diff --git a/QRcode_scanner.html b/QRcode_scanner.html
new file mode 100644
index 0000000..fea83b5
--- /dev/null
+++ b/QRcode_scanner.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <h1 style="text-align: center">QR CODE READER USING JS</h1>
+    <script src="html5-qrcode.min.js"></script>
+<style>
+  .result{
+    background-color: green;
+    color:#fff;
+    padding:20px;
+  }
+  .row{
+    display:flex;
+  }
+</style>
+
+
+<div class="row">
+  <div class="col">
+    <div style="width:500px;" id="reader"></div>
+  </div>
+  <div class="col" style="padding:30px;">
+    <h4>SCAN RESULT</h4>
+    <div id="result">Result Here</div>
+  </div>
+</div>
+
+
+<script type="text/javascript">
+function onScanSuccess(qrCodeMessage) {
+    document.getElementById('result').innerHTML = '<span class="result">'+qrCodeMessage+'</span>';
+}
+
+function onScanError(errorMessage) {
+  //handle scan error
+}
+
+var html5QrcodeScanner = new Html5QrcodeScanner(
+    "reader", { fps: 10, qrbox: 250 });
+html5QrcodeScanner.render(onScanSuccess, onScanError);
+
+</script>
+</body>
+</html>
