title: get value of slider in typescript
body: <p>I was trying to get the value of a slider in typescript as following:</p>
  
  <p>My html:</p>
  
  <pre><code>&lt;input id="width" type="range" value="250" min="50" max="500" (change)="getSliderValue()" /&gt;
  </code></pre>
  
  <p>my typescript code in my component.ts:</p>
  
  <pre><code>getSliderValue() {
  var slider = document.querySelector("#width");
  slider.addEventListener('change', () =&gt; {
        var data = slider.value
  });
  }
  </code></pre>
  
  <p>however with this, i get following error on slider.value:</p>
  
  <blockquote>
    <p>Property 'value' does not exist on type 'Element'</p>
  </blockquote>
  
  <p>What am I doing wrong?</p>