body { font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; text-align: center; } .container { margin-top: 30px; } input { width: 80%; padding: 10px; margin-bottom: 15px; border: 1px solid #ddd; border-radius: 4px; } button { background-color: #4CAF50; color: white; padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; } button:hover { background-color: #45a049; } #qrcode { margin-top: 20px; }

QR Code Generator

Enter text or URL to generate QR code:

function generateQR() { const text = document.getElementById('qrtext').value; if (!text) { alert('Please enter some text or URL'); return; } // Clear previous QR code document.getElementById('qrcode').innerHTML = ''; // Create canvas element const canvas = document.createElement('canvas'); document.getElementById('qrcode').appendChild(canvas); // Generate QR code const qr = new QRious({ element: canvas, value: text, size: 200, background: '#ffffff', foreground: '#000000', level: 'H' // Error correction level (L, M, Q, H) }); }