gitcdn.xyz | content straight from GitHub , with the correct Content | Browser Plugin library

It does not make sense to have a change event listener for on-demand rendering AND an animation loop. For using auto-rotate, use just an animation loop and update the controls via the respective update() method.

Rather than creating a DOM element in your code, you can add a div in the DOM, and then select it with document.querySelector, and then you can add it to the scene.

Explaination: Your code actually creates an object of type Element and gives it as a parameter to a CSS3DObject, in order to add it the threeJS scene. But you can create as many tag you want in the HTML code and then select it with Javascript. The element you get with document.querySelector is also an object of type Element. You can read more about it here: https://developer.mozilla.org/fr/docs/Web/API/Document/querySelector There's also several ways to select elements with Javascript (by Id, class, or tag by example...): https://plainjs.com/javascript/selecting/

SOLUTION:

JS:

I figured it out! I was being a bit of a dumby.

I changed Stripe to window.Stripe in my code, and it works now!

Thanks everyone.

Hi please have a look in updated snippet.

You need to add references to the angular-animate.js and angular-aria.js aswell

Instead of