milknet/pages
1
0
Fork 0
mirror of https://github.com/milk-net/milk-net.github.io.git synced 2025-04-19 05:33:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

add Enter key support and center the QR

Browse source
This commit is contained in:
Voxel 2025-04-14 13:42:49 -04:00 • committed by GitHub
parent 9879c8c8f8
commit e7d093519c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
qr/script.js
View file

@ -1,10 +1,13 @@
let qrcode; let qrcode;
document.getElementById('generate').addEventListener('click', () => { const input = document.getElementById('qr-text');
const qrText = document.getElementById('qr-text').value.trim(); const generateBtn = document.getElementById('generate');
const downloadBtn = document.getElementById('download');
function generateQR() {
const qrText = input.value.trim();
if (!qrText) return alert("Please enter text!"); if (!qrText) return alert("Please enter text!");
// Clear previous QR
document.getElementById('qrcode').innerHTML = ""; document.getElementById('qrcode').innerHTML = "";
qrcode = new QRCode(document.getElementById('qrcode'), { qrcode = new QRCode(document.getElementById('qrcode'), {
@ -16,10 +19,18 @@ document.getElementById('generate').addEventListener('click', () => {
correctLevel : QRCode.CorrectLevel.H 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'); const img = document.querySelector('#qrcode img');
if (img) { if (img) {
const link = document.createElement('a'); const link = document.createElement('a');

2
qr/style.css
View file

@ -60,4 +60,6 @@ body {
#qrcode { #qrcode {
margin-top: 2rem; margin-top: 2rem;
display: flex;
justify-content: center;
} }