<!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>