В каком порядке заполнить участки кода, обозначенные ###? Вы работаете frontent-разработчиком. Вас попросили реализовать перемещение элемента по странице с помощью мыши. Чтобы элемент стал перемещаться, необходимо его захватить (навести курсор, нажать и

В каком порядке заполнить участки кода, обозначенные \#\#\#?

Вы работаете frontent-разработчиком. Вас попросили реализовать перемещение элемента по странице с помощью мыши. Чтобы элемент стал перемещаться, необходимо его захватить (навести курсор, нажать и удерживать в течение 500 мс). Затем передвинуть курсор в нужное место (элемент должен перемещаться вместе с курсором) и отпустить кнопку мыши, чтобы элемент зафиксировался в новой позиции. Элемент спозиционирован абсолютно, поэтому перемещать его нужно с помощью css-свойств top и left. Вам предоставлен код решения с пропущенными фрагментами. Необходимо заполнить кодом участки, которые обозначены \#\#\#.

const elem = document.querySelector('.elem')

let state = 'dropped'

const computedStyle = window.getComputedStyle(elem)

let x = +computedStyle.getPropertyValue('left').replace('px', '')

let y = +computedStyle.getPropertyValue('top').replace('px', '')

let prevX, prevY, timer

const move = (currX, currY) => {

###

prevX = currX

prevY = currY

###

}

const onMouseDown = (e) => {

if (state === 'dropped') {

timer = setTimeout(0) => {

state = 'draggging'

elem.classList.add('dragging')

}, 500)