JSFiddle - React, Tailwind, and code Playground

by Torwan

HTML

<div class="qrcode"></div>
<div class="qrcode"></div>
<div class="qrcode"></div>
<div class="qrcode"></div>
<div class="qrcode"></div>
<div class="qrcode"></div>

JavaScript

/*(function( $ ) 
{
    $.fn.qrcode = function(options)
    {
        var settings =
        {
            baseURI: 'http://api.qrserver.com/v1/create-qr-code/?data=',
            source: 'http://goqr.me',
            data: window.location.href,
            size: '70x70',
            linkBack: true,
            css: { 'border':'20px solid #fff' }
        }
        settings = $.extend({},settings,options);
        return this.each(function()
        {
            $(this).html( '<img>' )
            .find('img').attr('src',settings.baseURI + encodeURIComponent(settings.data) + '&size=' + settings.size)
            .css(settings.css).filter(function() { return settings.linkBack; })
            .wrap( '<a href="' + settings.source + '" style="text-decoration:none;"></a>' );
        });
    };
})( jQuery );

$(function() {
    $('.qrcode').qrcode();
});*/