Jquery. qrcode. js automatically generates two-dimensional code example

The html code is as follows:

The code is as follows:	Copy code
<Input id = "txt" type = "text" value = "http://www.111cn.net/"> <Input id = "btn" type = "button" value = "generate QR code"> <Div id = "qrcode"> </div> <Script src = "jquery. min. js"> </script> <Script src = "qrcode. min _. js"> </script>

Css code

The code is as follows:	Copy code
# Qrcode { Width: 200px; Height: 200px; Margin-top: 15px; }

Js code

The code is as follows:	Copy code
// Instantiate QRCode and input the element ID Var qrcode = new QRCode ("qrcode "); Document. getElementById ("btn"). onclick = makeCode; Function makeCode (){ // Obtain the link Var ele = document. getElementById ("txt "); // Generate a QR code and place it in the element Qrcode. makeCode (ele. value ); }

The effect is as follows: