<!doctype html>
    <head>
        <title>JavaScript QR Code Generator</title>
    </head>
    <body>
        <div class="card">
        <h3>QR Code Generator</h3>

        <div><input id="qr-text" type="text" placeholder="Enter Text to generate QR code"/></div>
        <br/>
        <div>
            <button class="qr-btn" onclick="generateQRCode()">Create QR Code</button>
        </div>
        <br/>
        <p id="qr-result">This is deault QR code:</p>
        <canvas id="qr-code"></canvas>
        </div>
    </body>
</html>