| 5 | const generateButtonEl = document.getElementById("generateButton"); |
| 6 | |
| 7 | const renderQRCode = (url) => { |
| 8 | if (!url) { |
| 9 | return; |
| 10 | } |
| 11 | generateButtonEl.innerText = "Generating QR Code..."; |
| 12 | qrImageEl.src = url; |
| 13 | |
| 14 | const onImageLoad = () => { |
| 15 | const interval = setInterval(() => { |
| 16 | qrContainerEl.classList.add("show"); |
| 17 | clearInterval(interval); |
| 18 | generateButtonEl.innerText = "Genrated QR Code"; |
| 19 | }, 500); |
| 20 | }; |
| 21 | |
| 22 | qrImageEl.addEventListener("load", onImageLoad); |
| 23 | }; |
| 24 | |
| 25 | qrFormEl.addEventListener("submit", (event) => { |
| 26 | event.preventDefault(); |