title: How to make an animation work with animejs?
body: <p>This is the part of the HTML that really matters:-</p>
  <pre><code>&lt;div id = 'buttons'&gt;
              &lt;a href = 'https://discord.com/api/oauth2/authorize?client_id=775316623220277248&amp;permissions=391232&amp;scope=bot' target = '_blank'&gt;
                  &lt;button id = 'invbutton'&gt;&lt;i class=&quot;fab fa-discord fa-3x&quot;&gt;&lt;/i&gt;Invite&lt;/button&gt;
              &lt;/a&gt;
              &lt;button&gt;Support&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p>This is the JS:-</p>
  <pre><code>var buttons = document.getElementsByTagName('button');
  
  for (i = 0; i &lt; buttons.length; i++){
      let current_button = buttons[i];
      buttons[i].addEventListener('mouseenter', function () {
          console.log(current_button)
          anime({
              target: current_button,
              scale: 2,
              translateX: 500,
              duration: 5000
          })
          console.log(&quot;temp&quot;)
      })
  }
  </code></pre>
  <p>I have established the script at the end of the HTML file. The script console logs both the time correctly but the animation does not occur</p>