JSFiddle - React, Tailwind, and code Playground

by huppen

HTML

<div id="hint" style="margin-top:30px;" class="ce_text">
  <p><strong>Fussball.de Daten aktivieren</strong><br>Diese Website nutzt Ergebnisse und Spielplan Daten von Fussball.de – <a class="confirm" href="#">klicken Sie hier</a> für die Aktivierung der Ausgabe. Ich stimme zu, dass mit der Nutzung Daten an Fußball.de übertragen werden. Hinweis: Detaillierte Informationen zum Umgang mit Nutzerdaten finden Sie in der <a href="http://www.fussball.de/privacy#!/" target="_blank">Datenschutzerklärung</a> von Fussball.de.</p>
  <p class="confirm">Fussball.de Daten anzeigen</p>
</div>
<div id="widget1"></div>

JavaScript

/*Widget aktivieren nach Klick*/
(function ($) {

function loadScript(src) {
    return new Promise(function (resolve, reject) {
        var s;
        s = document.createElement('script');
        s.src = src;
        s.onload = resolve;
        s.onerror = reject;
        document.head.appendChild(s);
    });
}
  
/* Fussball.de Widget ID hier hinterlegen */
/*
var widgetid = "02400QRUC0000000VS541L4FVU14O64M";
var furl = "https://www.fussball.de/static/layout/fbde2/egm//js/widget2.js";

function initialize() {
	$("#hint").fadeOut();
    function loadScript(url, callback) {
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.async = true;
    if (script.readyState) {
        script.onreadystatechange = function () {
            if (script.readyState == "loaded" || script.readyState == "complete") {
                script.onreadystatechange = null;
                if (callback && typeof callback === "function") {
                    callback();
                }
            }
        };
    } else {
        script.onload = function () {
            if (callback && typeof callback === "function") {
                callback();
            }
        };
    }
    script.src = url;
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(script);
    }
    loadScript(furl, function () {
    new fussballdeWidgetAPI().showWidget('widget1', widgetid);
    $("#widget1").fadeIn();
      
    });
}
*/
$(document).ready(function(){
    $('.confirm').click(function(event){
      event.preventDefault();
      initialize();
    });
});
}(jQuery));