JSFiddle - React, Tailwind, and code Playground

by mreis1

HTML

<script src="https://raw.github.com/SlexAxton/yepnope.js/master/yepnope.1.5.4-min.js"></script>
<div class="wrapper">
    <input type="text" placeholder="asdas"/>
    
</div>

JavaScript

$(document).on('ready',function(){
    if (!yepnope)
{
    $('<p>hello</p>').appendTo($('.wrapper'))
}

 yepnope({
                    test: Modernizr.input.placeholder,
                    nope: {
                        // 'js/libs/onfontresize.jquery.min.js', // optional
                        // 'js/libs/jquery.ba-resize.min.js', // optional
                        'css' :'https://raw.github.com/ginader/HTML5-placeholder-polyfill/master/src/placeholder_polyfill.css',
                        'js' : 'https://raw.github.com/ginader/HTML5-placeholder-polyfill/master/src/placeholder_polyfill.jquery.js' // this and the css above are the only required files
                    },
                    callback:{
                        'js':function(url,result,key){

                            alert("Hello JS")
                            console.log("loaded js", url, result, key)
                        },
                        'css':function(url,result,key){
                            console.log("loaded css", url, result, key)

                        }
                    },
                    complete:function(url,result,key){
                       alert("hi")   
                    }
                    // callback:{
                        
                    //     complete : function(){
                    //         alert("files loaded");
                    //     }
                    // }
                });
    })