QR-Generator/script.js at main · Fortstar09/QR-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
let inputData = document.getElementById("data");
let sizeValue = document.getElementById("size");
let fgColor = document.getElementById("fgColor");
let bgColor = document.getElementById("bgColor");
const generateBtn = document.getElementById("generate");
const editBtn = document.getElementById("edit");
let image = document.getElementById("image");
let anchor = document.getElementById('anchor');


function getEdit() {

}

function buttonClick() {
    let data = inputData.value;
    let size = sizeValue.value;
    let fg_color = fgColor.value;
    let bg_color = bgColor.value;

    console.log(data, size, fg_color, bg_color);

    $.ajax({
        method: 'GET',
        url: `https://api.api-ninjas.com/v1/qrcode?data=${data}&format=png&size=${size}&fg_color=${fg_color}&bg_color=${bg_color}`,
        headers: { 'X-Api-Key': 'nqlaCF35mmdeLKIURJdUQQ==uGyl03HDBQFu3QXW' },
        contentType: 'application/json',
        success: function (result) {
            image.src = `data:image/png;base64,${result}`;
            anchor.href = `data:image/png;base64,${result}`;
            console.log(result);
        },
        error: function ajaxError(jqXHR) {
            console.error('Error: ', jqXHR.responseText);
        }
    });
}

generateBtn.addEventListener("click", buttonClick);
editBtn.addEventListener("click", buttonClick);


// var data = 'https://api-ninjas.com';


// $(document).ready(function () {
//     $("#generate").click(function () {
//         $("#p").hide();
//     });
// });


// nqlaCF35mmdeLKIURJdUQQ==uGyl03HDBQFu3QXW