Как при нажатии на кнопки двигать элемент?

Для того чтобы двигать элемент при нажатии на кнопки, вам необходимо использовать JavaScript. Ниже приведен пример кода на JavaScript, который позволит вам реализовать данную функциональность.

```html

#myElement {
width: 100px;
height: 100px;
background-color: red;
position: relative;
}

Left
Right
Up
Down

function moveElement(direction) {
var element = document.getElementById("myElement");
var currentPosition = element.getBoundingClientRect();

switch(direction) {
case 'left':
element.style.left = (currentPosition.left - 10) + 'px';
break;
case 'right':
element.style.left = (currentPosition.left + 10) + 'px';
break;
case 'up':
element.style.top = (currentPosition.top - 10) + 'px';
break;
case 'down':
element.style.top = (currentPosition.top + 10) + 'px';
break;
}
}

```

В данном примере создается красный квадратный элемент, который можно двигать влево, вправо, вверх и вниз при нажатии на соответствующие кнопки. Функция `moveElement` получает направление движения в качестве аргумента и изменяет позицию элемента соответственно.

Вы можете настраивать скорость и шаг движения, изменяя значение в `element.style.left` и `element.style.top`. Также, вы можете добавить дополнительные условия или ограничения для движения элемента в зависимости от ваших потребностей.