JSFiddle - React, Tailwind, and code Playground

by Alaksandar Jesus Gene

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
<div id="first">
          <p>hello</p>
        <input type="text" id="qr-text"  value=""  placeholder="Enter QR Data..."/>
        <br />
        <br />
        <button id="button">Click on button</button>

    </div>

        <div id="qrcodeCanvas"></div>

JavaScript

$(document).ready(function () {
           $('#button').click(function () {
               var test = "Alaksandar";
               $('#qrcodeCanvas').qrcode({ text: test });
           });
       });