QR Code Generator
const generateButton = document.getElementById(‘generateButton’);
const qrInput = document.getElementById(‘qrInput’);
const qrcodeContainer = document.getElementById(‘qrcode’);
const downloadButton = document.getElementById(‘downloadButton’);
generateButton.addEventListener(‘click’, function () {
const inputText = qrInput.value.trim();
if (inputText === ”) {
alert(“Please enter some text or URL to generate the QR Code.”);
return;
}
// Clear previous QR Code
qrcodeContainer.innerHTML = ”;
// Create a canvas element
const canvas = document.createElement(‘canvas’);
// Generate QR Code onto the canvas
QRCode.toCanvas(canvas, inputText, function (error) {
if (error) {
console.error(error);
alert(‘Failed to generate QR code’);
} else {
qrcodeContainer.appendChild(canvas);
downloadButton.classList.remove(‘hidden’);
}
});
});
downloadButton.addEventListener(‘click’, function () {
const canvas = qrcodeContainer.querySelector(‘canvas’);
const dataUrl = canvas.toDataURL(‘image/png’);
const a = document.createElement(‘a’);
a.href = dataUrl;
a.download = ‘qr-code.png’;
a.click();
});
