title: How to make a marquee cycle once at a button click?
body: <p>What I am trying to achieve is so that a marquee plays once when I click the button. My problem is that if I set the loop to 1 then it only plays once and then does nothing. My other problem is that it stops midway with my current code if I let go of the left mouse button. Or it stops where it was. Is there any way to make it either play once when the button is pressed and then play again whenever the button is pressed again and allow it to complete the loop completely. Here is the code, I am open to using java script instead of html. Here is my current code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;marquee behavior="scroll" direction="up" scrollamount="30" id="marquee" height="40"&gt;
    &lt;p&gt;+1&lt;/p&gt;
  &lt;/marquee&gt;
  
  &lt;input type="button" id="gather" class="build" Value="play" onmousedown="document.getElementById('marquee').start()." onmouseup="document.getElementById('marquee').stop()" onload="document.getElementById('marquee').stop()"&gt;</code></pre>
  </div>
  </div>
  </p>