-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
24 lines (19 loc) · 827 Bytes
/
script.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
const wrapper = document.querySelector(".wrapper"),
qrInput = wrapper.querySelector(".form input"),
generateBtn = wrapper.querySelector(".form button"),
qrImg = wrapper.querySelector(".qr-code img");
generateBtn.addEventListener("click", () => {
let qrValue = qrInput.value;
if(!qrValue) return; /*Não acontece nada se o imput estiver vazio*/
generateBtn.innerText = "Gerando QR Code...";
qrImg.src = `https://api.qrserver.com/v1/create-qr-code/?size=170x170&data=${qrValue}`;
qrImg.addEventListener("load", () => {
wrapper.classList.add("active") /*Só adiciona a class active quando o qr code for carregado*/
generateBtn.innerText = "Gerar QR Code";
})
})
qrInput.addEventListener('keyup', () => {
if(!qrInput.value) {
wrapper.classList.remove('active')
}
})