Объект не следует за мышью на сайте

Question

Всем привет, я опять здесь со своими тупыми вопросами... Не подскажете, что здесь не так?

html:

<div class:'move'> </div>

css:

.move{
width: 10px;
height: 10px;
background: black;
border-radius: 50%;

js:

const move = document.querySelector(".move")
window.addEventListener("mousemove", (e) => {
  let xAsis = e.pageX
  let yAsis = e.pageY
  move.style.top = yAsis
  move.style.left = xAsis
})

Answer 1

Исправил ошибки которые указал в комментарии

const move = document.querySelector(".move")
window.addEventListener("mousemove", (e) => {
  let xAsis = e.pageX
  let yAsis = e.pageY
  move.style.top = yAsis + "px"
  move.style.left = xAsis + "px"
})

.move {
  width: 20px;
  height: 20px;
  background: black;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

<div class='move'> </div>

БЛОГ НА HUSL

Объект не следует за мышью на сайте

Ответы (1 шт):