Javascript loader

js-loader.js

function Loader() {

    var id = "091435";

    this.init = function (parentId) {
        //CSS
        $("body").prepend("<style>.loader{color:#fff;position:fixed;box-sizing:border-box;left:-9999px;top:-9999px;width:0;height:0;overflow:hidden;z-index:999999}.loader:after,.loader:before{box-sizing:border-box;display:none}.loader.is-active{background-color:rgba(0,0,0,.85);width:100%;height:100%;left:0;top:0}.loader.is-active:after,.loader.is-active:before{display:block}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes blink{from{opacity:.5}to{opacity:1}}.loader[data-text]:before{position:fixed;left:0;top:50%;color:currentColor;font-family:Helvetica,Arial,sans-serif;text-align:center;width:100%;font-size:14px}.loader[data-text='']:before{content:'Loading'}.loader[data-text]:not([data-text='']):before{content:attr(data-text)}.loader[data-text][data-blink]:before{animation:blink 1s linear infinite alternate}.loader-default[data-text]:before{top:calc(50% - 63px)}.loader-default:after{content:'';position:fixed;width:48px;height:48px;border:8px solid #fff;border-left-color:transparent;border-radius:50%;top:calc(50% - 24px);left:calc(50% - 24px);animation:rotation 1s linear infinite}.loader-default[data-half]:after{border-right-color:transparent}.loader-default[data-inverse]:after{animation-direction:reverse}</style>");

        if (parentId) {
            //Loader
            $(parentId).append("<div id='" + id + "' class='loader loader-default'></div>");
        }
        else {
            $("body").append("<div id='" + id + "' class='loader loader-default'></div>");
        }

        id = "#" + id;
    };

    this.show = function () {
        $(id).addClass("is-active");
        console.log(id);
    };

    this.hide = function () {
        $(id).removeClass("is-active");
    };
}