From e7d093519ca28fb465897958a52a65d6522df984 Mon Sep 17 00:00:00 2001
From: Voxel <voxel@mailfence.com>
Date: Mon, 14 Apr 2025 13:42:49 -0400
Subject: [PATCH] add Enter key support and center the QR

---
 qr/script.js | 21 ++++++++++++++++-----
 qr/style.css |  2 ++
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/qr/script.js b/qr/script.js
index 077d08f..213e8cc 100644
--- a/qr/script.js
+++ b/qr/script.js
@@ -1,10 +1,13 @@
 let qrcode;
 
-document.getElementById('generate').addEventListener('click', () => {
-  const qrText = document.getElementById('qr-text').value.trim();
+const input = document.getElementById('qr-text');
+const generateBtn = document.getElementById('generate');
+const downloadBtn = document.getElementById('download');
+
+function generateQR() {
+  const qrText = input.value.trim();
   if (!qrText) return alert("Please enter text!");
 
-  // Clear previous QR
   document.getElementById('qrcode').innerHTML = "";
 
   qrcode = new QRCode(document.getElementById('qrcode'), {
@@ -16,10 +19,18 @@ document.getElementById('generate').addEventListener('click', () => {
     correctLevel : QRCode.CorrectLevel.H
   });
 
-  document.getElementById('download').style.display = 'inline-block';
+  downloadBtn.style.display = 'inline-block';
+}
+
+generateBtn.addEventListener('click', generateQR);
+
+input.addEventListener('keydown', (e) => {
+  if (e.key === 'Enter') {
+    generateQR();
+  }
 });
 
-document.getElementById('download').addEventListener('click', () => {
+downloadBtn.addEventListener('click', () => {
   const img = document.querySelector('#qrcode img');
   if (img) {
     const link = document.createElement('a');
diff --git a/qr/style.css b/qr/style.css
index ff63585..e2603ac 100644
--- a/qr/style.css
+++ b/qr/style.css
@@ -60,4 +60,6 @@ body {
   
   #qrcode {
     margin-top: 2rem;
+    display: flex;
+    justify-content: center;
   }  
\ No newline at end of file