کد کار نمیکنه

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

سلام خسته نباشید کدی که زدم درست کار نمیکنه! میشه بگید مشکل از کجاست چون دقیقا مثل استاد انجام دادم.

document.onmousemove = function (event){
    let whereMouse = document.elementFromPoint(event.pageX , event.pageY);
    console.log(whereMouse.tagName);
    if (whereMouse.tagName != 'HTML') {
    whereMouse.style.backgroundColor = 'red';
    }
}
function leave(event) {
    event.target.style.backgroundColor = '' ;
}
for (let elem of document.body.childNodes) {
    if (elem instanceof Element) {
        elem.onmouseleave = leave ;
    }
}

سلام،

خروجی باید به چه شکل باشه؟ ایرادی در کد ندیدم.

دمو

ضمنا میتونید از mouseover و mouseout استفاده کنید:

document.body.onmouseover = function(event) {
    let target = event.target;
    if (target.tagName !== 'HTML') {
        target.style.backgroundColor = 'red';
    }
}
document.body.onmouseout = function(event) {
    let target = event.target;
    if (target.tagName !== 'HTML') {
        target.style.backgroundColor = '';
    }
}

محسن موحد ۱۱ اسفند ۱۴۰۲، ۲۲:۵۸