Crear Codigo QR

by Edgar Martinez

HTML

<script src="https://cdn-32.anonfile.com/34l3y5a1o8/45328fe7-1581924135/qrcode.js"></script>
<input id="text" type="text" value="" placeholder="Ingresar Texto" style="width:80%" />

<br />

<div id="qrcode"></div>

CSS

#qrcode {
  width:160px;
  height:160px;
  margin-top:15px;
}

JavaScript

var qrcode = new QRCode("qrcode");

function makeCode () {      
    var elText = document.getElementById("text");
    
    if (!elText.value) {
        return;
    }
    
    qrcode.makeCode(elText.value);
}

makeCode();

$("#text").
    on("blur", function () {
        makeCode();
    }).
    on("keydown", function (e) {
        if (e.keyCode == 13) {
            makeCode();
        }
    });