QRCODE

Generate QR Code using qrcode.js in every click in bootstrap tab

HTML

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="//cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container-fluid" id="main">               
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" id="lifirst" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">List</a></li>
                    <li role="presentation" id="lithird"><a href="#editable" aria-controls="editable" role="tab" data-toggle="tab" onclick='transfer_new()'>Add New</a></li>
                </ul>
                <!--/ Nav tabs /-->

                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home" style="margin-top:  10px;">
                      THIS IS THE UPDATED QRCODE | WORKS FINE<br>
                      THANKS FOR THE ANSWER IN STACKOVERFLOW <br> 
                      <a href="https://stackoverflow.com/questions/45115027/generate-random-qr-code-onclick-using-qrcode-js/45115198#45115198">https://stackoverflow.com/questions/45115027/generate-random-qr-code-onclick-using-qrcode-js/45115198#45115198</a>
                    </div>
                    <div role="tabpanel" class="tab-pane" id="editable">
                        
                            <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-md-offset-4 col-lg-offset-4"> 
                                <div id="qrcode"></div>
                            </div>
                    </div>      
                </div>
            </div>

CSS

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

JavaScript

$('#lithird').click(function(){        

         $('#qrcode').html('');  // <---Add this, which should clear it out on the next click

        var qrcode = new QRCode("qrcode");

        function makeCode (elText) {      

            return elText;
        }

        var value = 'www.google.com.pk';
            var elText = value;

            qrcode.makeCode(elText);
        }

        makeCode();
            
    });