#CutLongStoryShort

Dodawanie skryptu do Body

Funkcja tworząca obiekt skryptu i dodająca skrypt do body:

const createScript = (source) => {
    const script = document.createElement('script')

    script.type = 'text/javascript'
    script.async = true
    script.src = source
    document.body.append(script)

    return script
}

Uruchomienie callbacku po załadowaniu funkcji

Funkcja przyjmująca adres url skryptu oraz callback, który ma się wykonać po załadowaniu skryptu. Funkcja ta korzysta z wcześniejszej funkcji createScript. Po utworzeniu skrytpu, onLoadScript nasłuchuje załadowanie skyrptu i uruchamia callback gdy owy skrypt jest gotowy do użycia.

const onLoadScript = (scriptSrc, callback) => {
    const newScript= createScript(scriptSrc)

    newScript.addEventListener('load', () => {
        callback()
    })
}

onLoadScript('linkDoSkryptu', nazwaFunkcji)