09app.js

const clickBtn = document.querySelector(".clear-tasks");
const card = document.querySelector(".card");
const heading = document.querySelector("h5");
// clickBtn.addEventListener("click", runEvent);
// clickBtn.addEventListener("dblclick", runEvent);
// clickBtn.addEventListener("mousedown", runEvent);
// clickBtn.addEventListener("mouseup", runEvent);
// card.addEventListener("mouseenter", runEvent);
// card.addEventListener("mouseleave", runEvent);
// card.addEventListener("mouseover", runEvent);
// card.addEventListener("mouseout", runEvent);
card.addEventListener("mousemove", runEvent);

// Event handler
function runEvent(e) {
  console.log(`EVENT TYPE:${e.type}`);

  heading.textContent = `MouseX:${e.offsetX},MouseY:${e.offsetY}`;
  document.body.style.backgroundColor = `rgb(${e.offsetX},${e.offsetY},40)`;
}