I'm currently working on a small project and encountering an issue where the animation duration of an element needs to be changed using a range slider. The functionality works fine on desktop screens but doesn't seem to work on mobile devices.
let range1 = document.getElementById("Range");
let line = document.getElementById("radarLine");
function setSpeed() {
line.style.animationDuration = range1.value + 's';
}
range1.addEventListener("mousemove", setSpeed);
<div id="slider">
<input type="range" min=".005" max="20" value="4" id="Range" step=".05">
</div>