Не работает rgb функция

Question

Нужна ваша помощь. Я пытаюсь создать с помощью JavaScript color pallete. Типа, при движении мышкой по блоку, изменялся цвет. Дело в том, что ошибок мне не указывает, координаты мне указывает, где я навел мышкой, но блок цветом не заполняется. Что я делаю не так?

<div id="rgb"></div>

<script>
let box = document.getElementById('rgb')

box.onmousemove = function (e) {
   console.log(e.x, e.y)
   this.style.background = `rgb(${e.x}, ${e.y}, ${e.z})`
}
</script>

Answer 1

Может так?

let box = document.getElementById('rgb')

box.onmousemove = function (e) {
   e.z = e.x + e.y;
   console.log(e.x, e.y, e.z);
   this.style.background = `rgb(${e.x}, ${e.y}, ${e.z})`
}

div{
  width: 400px;
  height: 100px;
  background-color: red;
}

<div id="rgb"></div>

БЛОГ НА HUSL

Не работает rgb функция

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