JSFiddle - React, Tailwind, and code Playground

by AaronLayton

JavaScript

// Tell jQuery not to intefere with the $
jQuery.noConflict();

// jQuery now only works with jQuery( selector )
// We can get around that by doing this
(function($) {

    $(document).ready(function() {

        //Start the snow default options you can also make it snow in certain elements, etc.
        $(document).snowfall();
        

            /* Dont need all this as this was example code from the snowfall website
            
            $("#clear").click(function () {
                $(document).snowfall('clear'); // How you clear
            });

            $("#round").click(function () {
                $('body').css({ 'backgroundColor': '#666' });
                $(document).snowfall('clear');
                $(document).snowfall({ round: true, minSize: 5, maxSize: 8 }); // add rounded
            });

            $("#shadows").click(function () {
                $('body').css({ 'backgroundColor': '#ccc' });
                $(document).snowfall('clear');
                $(document).snowfall({ shadow: true, flakeCount: 200 }); // add shadows
            });

            $("#roundshadows").click(function () {
                $('body').css({ 'backgroundColor': '#ccc' });
                $(document).snowfall('clear');
                $(document).snowfall({ shadow: true, round: true, minSize: 5, maxSize: 8 }); // add shadows
            });



            $("#collection").click(function () {
                $('body').css({ 'backgroundColor': '#666' });
                $(document).snowfall('clear');
                $(document).snowfall({ collection: '.collectonme', flakeCount: 250 });
            });
            */

    });

})(jQuery);