script.js

const input = document.getElementById("qrInput");
const generateBtn = document.getElementById("generateBtn");
const downloadBtn = document.getElementById("downloadBtn");
const canvas = document.getElementById("qrCanvas");
const placeholder = document.getElementById("qrPlaceholder");

generateBtn.addEventListener("click", () => {
  const url = input.value.trim();

  if (!url) {
    alert("Please enter a link");
    return;
  }

  placeholder.style.display = "none";
  canvas.style.display = "block";

  QRCode.toCanvas(canvas, url, { width: 220 }, function (error) {
    if (error) console.error(error);
    downloadBtn.disabled = false;
  });
});

downloadBtn.addEventListener("click", () => {
  const link = document.createElement("a");
  link.download = "qr-code.png";
  link.href = canvas.toDataURL();
  link.click();
});