Javascript 在JS中尝试恒星旋转

我有以下代码snipet，它还没有完成，目前只有右键起作用：

我面临的问题如下。当我加载页面时，

var rangeValue=document.querySelector（“.rng”）.value保持在50。在移动范围滑块时，我是否可以更改它

另一件事是，如果我按下右键，它会播放动画，但如果我再次按下它，它不会

感谢您的帮助。
对于第一个问题，只需在调用
rotateRight
而不是在加载时读取值即可

对于第二个问题，解决方案是使用
animationend
（请参阅）在动画完成后重置动画

小提琴手：
非常感谢您的帮助。
var rightBtn = document.querySelector(".btnRight");
var star = document.querySelector(".starWrap");
star.addEventListener('animationend', function() {
    this.style.animation = "none";
});

function rotateRight(){
  var rangeValue = document.querySelector(".rng").value;
  var getSeconds = Math.floor(rangeValue)/10;
  star.style.animation = "spin linear "+getSeconds.toString()+"s";
}

rightBtn.addEventListener("click", rotateRight);