title: JavaScript asking a textarea for a specific number
body: <p>I´m doing a project right now. And for this I need to move an object to a specific place (by animation). I tried to make a simple input with a button, but it doesnt work at all.
  For example if I type 5 into the input the object should move to point 5.
  I tried to use if and else but it took away the whole animation..</p>
  <p>Maybe I can get help on this platform. It is my first time programming on my own.
  T</p>
  <pre><code>'use strict';
  
  
  
  document.addEventListener('DOMContentLoaded', function () 
  {
      var boxfünf = 
  [
          {
              transform: 'translate(0, 0)',
      },
          {
              transform: 'translate(0px, -480px)',
      },
          {
              transform: 'translate(-180px, -480px)',
      },
          {
              transform: 'translate(0px, -480px)',
      },
          {
              transform: 'translate(0px, 0px)',
      }
  ];
      var circle = document.getElementById('circle');
      var text = document.getElementById(&quot;q&quot;);
      
      
  document.querySelector('#interaktiv')
          .addEventListener('click', function ()
          {
              circle.animate(boxfünf, {
                  iterations: 1,
                  fill: 'forwards',
                  duration:4000,
              
                  
              });
          });
      
  });
  </code></pre>