Заставить 2 div следовать друг за другом [закрыто] ⇐ CSS

[Гость]

Представьте, что один из элементов div — это мышь, а другой — кошка. Я хочу, чтобы кошка следовала за мышью, и если кошка достигнет мыши, она перестанет двигаться и выведет сообщение на экран.

Я был бы признателен, если бы вы помогли мне найти решение.

Я пытался перемещать мышь случайным образом, но пока не могу найти идеального решения.
const mouse = document.getElementById('mouse'); const cat = document.getElementById('cat'); функция moveMouse() { const maxX = window.innerWidth - mouse.offsetWidth; const maxY = window.innerHeight - mouse.offsetHeight; const randomX = Math.floor(Math.random() * maxX); const randomY = Math.floor(Math.random() * maxY); mouse.style.left = `${randomX}px`; mouse.style.top = `${randomY}px`; } setInterval (moveMouse, 2000);