QR Code Generator


🎉 QR Code Generator

let qr;

// Change input fields based on QR type qrType.addEventListener("change", () => { let type = qrType.value; let html = "";

if (type === "url") { html = ``; } else if (type === "text") { html = ``; } else if (type === "whatsapp") { html = ` `; } else if (type === "email") { html = ` `; } else if (type === "phone") { html = ``; } else if (type === "wifi") { html = ` `; }

inputFields.innerHTML = html; });

generateBtn.addEventListener("click", () => { qrcodeDiv.innerHTML = ""; // clear old QR let type = qrType.value; let qrData = "";

if (type === "url") { qrData = document.getElementById("qrInput").value.trim(); } else if (type === "text") { qrData = document.getElementById("qrInput").value.trim(); } else if (type === "whatsapp") { let phone = document.getElementById("qrPhone").value.trim(); let msg = encodeURIComponent(document.getElementById("qrMsg").value.trim()); qrData = `https://wa.me/${phone}?text=${msg}`; } else if (type === "email") { let email = document.getElementById("qrEmail").value.trim(); let subject = encodeURIComponent(document.getElementById("qrSubject").value.trim()); let body = encodeURIComponent(document.getElementById("qrBody").value.trim()); qrData = `mailto:${email}?subject=${subject}&body=${body}`; } else if (type === "phone") { let phone = document.getElementById("qrInput").value.trim(); qrData = `tel:${phone}`; } else if (type === "wifi") { let ssid = document.getElementById("ssid").value.trim(); let pass = document.getElementById("password").value.trim(); let enc = document.getElementById("encryption").value; qrData = `WIFI:T:${enc};S:${ssid};P:${pass};;`; }

if (!qrData) { alert("Please fill in the required fields!"); return; }

qr = new QRCode(qrcodeDiv, { text: qrData, width: 220, height: 220, colorDark: "#000000", colorLight: "#ffffff", correctLevel: QRCode.CorrectLevel.H });

downloadBtn.style.display = "block"; });

// Download QR Code downloadBtn.addEventListener("click", () => { let qrCanvas = qrcodeDiv.querySelector("canvas"); let qrImg = qrcodeDiv.querySelector("img");

let dataUrl = ""; if (qrCanvas) { dataUrl = qrCanvas.toDataURL("image/png"); } else if (qrImg) { dataUrl = qrImg.src; }

let link = document.createElement("a"); link.href = dataUrl; link.download = "qrcode.png"; link.click(); });


saurabhadmin

Share
Published by
saurabhadmin

Recent Posts

kalculator app

Scientific Calculator – Smart & Powerful Calculator App The Scientific Calculator app is a fast,…

56 years ago

Tip#1

> अगर आप YouTube चैनल को तेजी से बढ़ाना चाहते हैं, तो VidIQ + Google…

56 years ago

What is Google AI Studio

What is Google AI Studio? Google AI Studio is an online tool created by Google…

56 years ago

Both YSRCP and TDP are equally destructive forces, alleges Congress leader Thulasi Reddy

While the YSRCP government left the State buried in debt, crime, liquor, drugs, and cannabis,…

56 years ago

Karnataka invites ETH Zurich’s quantum pioneer to next Quantum India Summit in Bengaluru

The State government has deepened its international scientific engagement with ETH Zurich — one of…

56 years ago