QR-Code-Generator/index.html at main · ragavi-632007/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
<!DOCTYPE html>
<html lang="'en">
    <head>
        <meta charset="UTF=8">
        <meta name="viewport" contect="width=device-width,iniial-scale=1.0">
        <title>QR Code Generator</title>
        <link rel=" stylesheet" href="style.css">

    </head>
    <body>
        <div class="container">
            <br>
            <br>
            <h1><b>QR CODE GENERATOR</b></h1>
            <br>
            <br>
            <br>
            <input type="text" id="text-input" placeholder="Enter text or URL">
            <button
            onclick="generateQRCode()">Generate QR Code
            </button>
            <br>
            <br>
            <br>
            <canvas id="qr-code"></canvas>
            <br>
            <a id="qr-link" target="_blank">
                <button id="qr-button" style="display:none;">Go to Generated Link</button>

            </a>
            </div>
            <script src="https://cdnjs.cloudflare.com/ajax/libs/qrious/4.0.2/qrious.min.js"></script>
            <script src="script.js"></script>

    </body>
</html>