QR-CODE-GENERATOR/s.js at main · Arya3077/QR-CODE-GENERATOR · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
const btn = document.getElementById("btn");
let inputfeild = document.getElementById("input");
const popup = document.getElementsByClassName("popup");
let qrimg = document.getElementById("qr");
let dtn=document.getElementById("dbtn");
let h1 = document.getElementById("h1");
let h2 = document.getElementById("h2");
let rbtn= document.getElementById("rbtn");


dbtn.style.display="none";
h2.style.display="none";
qrimg.style.display="none"
rbtn.style.display="none";


function dat(){

    if (inputfeild.value===" "){
        alert("enter data");
    }

else{
    qrimg.src="https://api.qrserver.com/v1/create-qr-code/?size=150x150&data="+inputfeild.value;

    inputfeild.style.display="none";
    btn.style.display="none";

    setTimeout(()=>{
       qrimg.style.display="flex";
    dbtn.style.display="flex";
    rbtn.style.display="flex";
    },3000)

}


}

 rbtn.addEventListener("click",()=>{
        dbtn.style.display="none";
        h1.style.display="none";
        qrimg.style.display="none"
       rbtn.style.display="none";

     btn.style.display="block";
     h2.style.display="block";
     inputfeild.style.display="block";
     inputfeild.value=" ";


    })

dtn.addEventListener("click",()=>{
    const url= qrimg.src;
    link=document.createElement("a");
    link.href=url;
    link.download="QRcode.png";

    link.click();
})