Задать вопрос
@Molder84

Как перемещать элемент по клику на кнопки?

Пытаюсь перемещать квадрат с помощью замены параметра transform в div блоке по х и y. При клике по одной кнопке блок передвигается по оси Х как и должен, при клике по второй кнопке передвигается и по Х и по У, хотя должен только по У. Подскажите где ошибка.

https://codepen.io/zocdoobn-the-selector/pen/ExrNBxR
  • Вопрос задан
  • 270 просмотров
Подписаться 1 Простой 1 комментарий
Решение пользователя Сергей delphinpro К ответам на вопрос (3)
delphinpro
@delphinpro Куратор тега JavaScript
frontend developer
function getCurrentOffset(s) {
  return s.split(",", 2).map((n) => Number(n.replace(/\D/g, "")));
}
function right2_m() {
  const box = document.getElementById("box");
  let [left, top] = getCurrentOffset(box.style.transform);
  box.style.transform = `translate(${left+30}px,${top}px)`;
}
function bottom2_m() {
  const box = document.getElementById("box");
  let [left, top] = getCurrentOffset(box.style.transform);
  box.style.transform = `translate(${left}px,${top+30}px)`;
}
Ответ написан
Комментировать