Как перевернуть изображение с помощью ползунка диапазона в HTML5 CSS3 и JavaScript?

Question

Я работаю над проектом и хочу повернуть изображение, используя диапазон для поворота изображения на 180 градусов.

У меня возникают трудности с получением ползунка диапазона для управления необходимостью переворачивания / вращения.спасибо.

Я пробовал много разных вариантов, используя разные техники разными людьми, но они используют div, я вместо этого использую класс изображений.Интересно, можно ли повернуть / перевернуть класс изображения?

'''

https://codepen.io/lukemersh/pen/EJREaJ

'''

Фактических результатов не бывает.Я могу переместить ползунок, но он не поворачивает изображение, пожалуйста, помогите.

Answer 1

Ваш идентификатор изображения обуви неверен, измените:

document.getElementById('img.shoe')

на

document.getElementById('shoe')

"img.shoe" - селектор для изображений с классом обуви, это неидентификатор элемента.Чтобы использовать такой селектор, вам нужно использовать «document.querySelector»