JS einbetten

Liebes Forum, ich stehe vor folgendem Problem. Ich würde gerne folgenden JS Code über Elementor einbetten:
--------------------------------------------------------------------------------------------------------------------


var text = $(".split");

var split = new SplitText(text);

function random(min, max){
return (Math.random() * (max - min)) + min;
}

$(split.chars).each(function(i){
TweenMax.from($(this), 2.5, {
opacity: 0,
x: random(-500, 500),
y: random(-500, 500),
z: random(-500, 500),
scale: .1,
delay: i * .02,
yoyo: true,
repeat: -1,
repeatDelay: 10
});
});


--------------------------------------------------------------------------------------------------------------------

Ich habe ihn versucht direkt so einzubetten per Copy & Paste. Leider funktioniert das so nicht.
Irgendjemand eine Idee?

- Anbei ein Screenshot wie das (nichtfunktionierend) eingebettet wurde.

LG



EDIT: SORRY FALSCHE FORUM KATEGORIE

 

Vielen Dank für deine rasche Hilfe. Leider funktioniert das nicht. - irgendeine idee? Bleibt leider funktionslos

 

Die Animation funktioniert leider nicht.

Habs mal auf einer X-beliebigen Domain eingespielt.

https://www.nl-media.at/


Animation dazu:

https://codepen.io/natewiley/pen/xGyZXp

 

Hab gerade die Ergänzung gelesen.

Für einen Laien bedeuted das was genau? Sorry - Lg und danke für die Mühe

 

meinst du folgende noch in ein weiteres <script>...</script>?

-> Code von diesem Link
https://cdnjs.cloudflare.com/ajax/libs/gsap/1.15.0/TweenMax.min.js

+

https://www.greensock.com/js/src/utils/SplitText.min.js

 

Funktioniert tatsächlich wenn man es alles in ein Script packt. Vielen dank. Lg