JavaScript itself cannot natively generate or decode QR codes without external libraries or APIs. However, you can use JavaScript libraries to achieve both tasks:
Several JavaScript libraries allow you to generate QR codes dynamically. The most popular ones are:
Example (using qrcode.js):
html<div id="qrcode"></div> <script src="https://cdn.jsdelivr.net/npm/qrcode@1.5.1/build/qrcode.min.js"></script> <script> new QRCode(document.getElementById("qrcode"), { text: "https://example.com", width: 128, height: 128, }); </script>
To read QR codes from images or camera input, you need libraries that use the device's camera or process images:
Example (using ZXing):
html<video id="preview"></video> <script src="https://cdn.jsdelivr.net/npm/@zxing/library@latest"></script> <script> const codeReader = new ZXing.BrowserQRCodeReader(); codeReader.decodeFromVideoDevice(null, 'preview', (result, err) => { if (result) console.log("QR Code:", result); }); </script>