input event with input[type="range"]

testing to see if using input event works better than change

by neverov12

HTML

<div style="margin-top: 1em">
    <h2>Price</h2>
    $51<input id="price" type="range" min="51" max="360" value="" />$360
</div>

<p id="result"></p>

CSS

#result {
    font-size: 2em;
}

JavaScript

let value;

let p = document.getElementById("price");
let res = document.getElementById("result");

p.addEventListener("input", function() {
	value = p.value;
  res.innerHTML = "$" + p.value;
}, false);