Get started with qrcode CDN

MIT licensed

QRCode is a popular library for generating and scanning QR codes within web applications.

Tags:
  • qr
  • code
  • canvas
  • qrcode

Stable version

Copied!

How to start using qrcode CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with qrcode CDN - cdnhub.io</title>
    <script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>
    <style>
        #qrcode { width: 200px; height: 200px; }
    </style>
</head>
<body>
    <button id="generate">Generate QR Code</button>
    <div id="qrcode"></div>

    <script>
        const generateButton = document.getElementById('generate');
        const qrcodeElement = document.getElementById('qrcode');

        QRCode.onDecoded = (decodedContent) => {
            console.log('Decoded:', decodedContent);
        };

        generateButton.addEventListener('click', () => {
            new QRCode(qrcodeElement, 'Hello World!');
        });
    </script>
</body>
</html>

All versions