Я не очень разбираюсь в кодировании, но я хотел бы иметь возможность сделать это так, чтобы при нажатии на одну из «тестовых» кнопок изображение двигалось. Я хотел бы, чтобы это была переменная, чтобы она постоянно проверяла переменную (я понятия не имею, как использовать переменные), и в любой данный момент, когда переменная = число, она находится в указанной c позиции, которую я имею назначенный. И когда я нажимаю на тест 1, эта переменная увеличивается на единицу, а когда я нажимаю на тест 2, она уменьшается на единицу. И в любой заданной переменной от 0 до 10 есть конкретное c место, где изображение должно быть для каждого числа. И как только переменная достигает 11, переменная мгновенно сбрасывается в 0, как в al oop. Это может включать HTML, CSS и Javascript, извините, если это сбивает с толку, я действительно нуб в кодировании: (
Это весь код, который у меня есть, на самом деле это не так полезно, но я подумал, что должен все равно добавить.
<img id="img01" src="https://cdn.shopify.com/s/files/1/0080/8372/products/tattly_triangle_yoko_sakao_ohama_00_1200x1200.png?v=1575322215" height="300">
<button id="test1" type="button">test 1</button>
<button id="test2" type="button">test 2</button>
Спасибо за любую помощь:)