How to make animation in JS?

Question

css

Well, I'm trying to make a wheel scroll animation, but for some reason it doesn't work for me....
Here is the code:

var wheel = document.getElementsByClassName("wheel");
wheel.addEventListener('click', function(){
    wheel.style.transitionDuration = '3s';
    wheel.style.transitionTimingFunction = "ease-in-out";
    wheel.style.transform = "rotate(122222deg)";
})

Answer 1

getElementsByClassName("wheel")
Returns a collection, so either take the first element

var wheel = document.getElementsByClassName("wheel")[0];

Or assign handlers to everyone in the loop