script.js

let qrForm = document.getElementById("qr-form");
let qrText = document.getElementById("qr-text");
let qrImg = document.getElementById("qr-img");
let errorMsg = document.getElementById("error-msg");
let qrBox = document.querySelector(".qr-box");

qrForm.addEventListener("submit", (e) => {
  e.preventDefault();

  const text = qrText.value.trim();
  if (text !== "") {
    errorMsg.style.display = 'none'
    qrBox.style.display = 'block'
    qrImg.src = `https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${encodeURIComponent(
      text
    )}`;
  }
  else {
    errorMsg.style.display = 'block'
    errorMsg.innerText = 'Please Enter Text or Url'
    qrBox.style.display = 'none';
  }
});