How to execute external scripts while routing?

Question

Angular

Hello, there is a script like

if(document.querySelector('.someClass')){ animate }

Which is responsible for the animation of elements when loading pages.
If you connect it as an external script
<script src="public/index.js"></script>
, then it will work exactly once. How can I make this script run again when loading states?
Thank you.

Answer 1

You need to use functions! Seriously.
They can be called any number of times.

Answer 2

function myAnimate(){
    if(document.querySelector('.someClass')){ animate }
}