title: HTML value change is caught by the event listener but the value doesn't change
body: <pre><code>&lt;input id=&quot;spin-speed&quot; type=number value=&quot;1&quot; min=&quot;-10&quot; max=&quot;10&quot;&gt;
  </code></pre>
  <p>I have an input element on the HTML side,</p>
  <pre><code>const spinSpeed = document.getElementById(&quot;spin-speed&quot;)
  spinSpeed.addEventListener(&quot;change&quot;, spin_speed.bind(null, spinSpeed.value), false)
  </code></pre>
  <p>And I have an event listener to the input element in question. But when I try to increment or decrease its value using the arrows provided by UI in the browser, its value isn't changed at all. On the other hand, when I debug the code, it is indeed caught by the event handler as expected. Put another way, the event handler sees the change but the value doesn't change. What should be done to fix it?</p>