codingtcher.com
Theme Night
Home
Login

QR code javascript example

Home » Tutorial Post » QR code javascript example

How to generate a QR code in JavaScript

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Generating QR Code</title>
    <!-- Reference the qrcode library -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
  </head>
  <body>
    <!-- Create a container for the QR code -->
    <div id="qrcode-container"></div>
    <!-- A button that is used to create QR code -->
    <button id="create-qrcode">CREATE QR Code</button>
  <script>
    // Create QR code when button is clicked
    document.getElementById("create-qrcode").addEventListener("click", () => {
      // new QRCode(Target container, text to encode)
      var qrc = new QRCode(
        document.getElementById("qrcode-container"),
        "https://codingtcher.com"
      );
    });
  </script>
  </body>
</html>

qr code generator with javascript

<script src="https://cdnjs.cloudflare.com/ajax/libs/qrious/4.0.2/qrious.min.js"></script>
Source: www.studytonight.com

qrcode js

var qrcode = new QRCode("test", {
    text: "https://codingtcher.com",
    width: 128,
    height: 128,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});
Source: davidshimjs.github.io

qr code js

<div id="qrcode"></div>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), "https://codingtcher.com");
</script>
Source: davidshimjs.github.io

Related Post