Ваш текущий код немного неправильно реализует передвижение влево. Вы используете для этого `style.right`, но вам следует также использовать `style.left`, чтобы управлять положением элемента `#character`. Мы просто будем изменять это значение в обоих функциях, но для движения влево будем отнимать значение сдвига.
Вот обновленный код:
```javascript
function moveCharacterRight() {
var character = document.getElementById("character");
var currentPosition = parseInt(character.style.marginLeft, 10) || 900; // По умолчанию margin-left для #character задан в CSS
var shiftAmount = 50;
character.style.marginLeft = currentPosition + shiftAmount + "px"; // сдвиг вправо
}
function moveCharacterLeft() {
var character = document.getElementById("character");
var currentPosition = parseInt(character.style.marginLeft, 10) || 900; // используйте ту же переменную для положения element
var shiftAmount = 50;
character.style.marginLeft = currentPosition - shiftAmount + "px"; // сдвиг влево
}
```
Теперь функция `moveCharacterLeft` будет корректно передвигать вашего персонажа влево, а `moveCharacterRight` - вправо.
Также заметьте, что я изменил использование `style.left` на `style.marginLeft`, чтобы совпадать со свойством, установленным в CSS (`margin-left`). Вам нужно будет убедиться, что у элементов нет противоречивых стилей позиционирования.
Если вы хотите добавить кнопки для движения вверх и вниз, вы можете создать дополнительные функции следующим образом:
```javascript
function moveCharacterUp() {
var character = document.getElementById("character");
var currentPosition = parseInt(character.style.marginTop, 10) || 510; // По умолчанию margin-top для #character задан в CSS
var shiftAmount = 50;
character.style.marginTop = currentPosition - shiftAmount + "px"; // сдвиг вверх
}
function moveCharacterDown() {
var character = document.getElementById("character");
var currentPosition = parseInt(character.style.marginTop, 10) || 510; // используйте ту же переменную для положения element
var shiftAmount = 50;
character.style.marginTop = currentPosition + shiftAmount + "px"; // сдвиг вниз
}
```
И добавьте соответствующие кнопки в ваш HTML-код. Не забудьте присвоить правильные ID и добавить обработчики событий `onclick`.
Если вы захотите добавить анимацию или сделать движение более плавным, вам понадобится использовать `requestAnimationFrame` или CSS-анимации. Но для базовой функциональности предложенные изменения должны работать.