What i have to do is make a slider and that slider controls the speed of a spinning box. How to get the slider to control the speed with javascript?
<!DOCTYPE html>
<style>
.twirl { -webkit-animation:bluespin 3s linear infinite }
@-webkit-keyframes bluespin {
from { -webkit-transform:rotate(25deg); }
to { -webkit-transform:rotate(400deg); background:red;}
}
#test { width:100px; height:100px; background:black; margin-left: 50px; }
</style>
<div id="test" class="twirl" >Hello</div>
<br><br>
<label>Rotation Speed</label> <input name="Priority" type="range" min ="1" max ="5" value="1" step="1" /><br>