1  document.addEventListener("DOMContentLoaded", () => {
 2    const generateBtn = document.getElementById("generateBtn");
 3    const downloadBtn = document.getElementById("downloadBtn");
 4    const input = document.getElementById("codeInput");
 5    const qrContainer = document.getElementById("qrcode");
 6    let qrCanvas = null;
 7  
 8    generateBtn.addEventListener("click", () => {
 9      qrContainer.innerHTML = "";
10      const text = input.value.trim();
11      if (!text) {
12        alert("Please enter your content!");
13        return;
14      }
15  
16      const qrCode = new QRCode(qrContainer, {
17        text,
18        width: 200,
19        height: 200,
20        correctLevel: QRCode.CorrectLevel.H,
21      });
22  
23      setTimeout(() => {
24  
25        qrCanvas = qrContainer.querySelector("canvas");
26        if (!qrCanvas) {
27          alert("No Canvas found");
28        }
29      }, 100);
30    });
31  
32    downloadBtn.addEventListener("click", () => {
33      if (!qrCanvas) {
34        alert("Please generate a QR-Code first!");
35        return;
36      }
37      const link = document.createElement("a");
38      link.href = qrCanvas.toDataURL("image/png");
39      link.download = "qr-code.png";
40      link.click();
41    });
42  });