Vanilla JS Typerror: 'Cannot read properties of undefined (reading 'getBoundingClientRect') | Why?

Question

Im trying to code a 2d game with javascript and I'm working on a position system in which if the user character overlaps the coin, a value changes. Im using .getBoundingClientRect() to get position and the function itself is fine. But anytime I add in an if statement that says if the function is true, (which it is), it gives me this error. Any ways to fix? (Attached code screenshots)

Code Chrome Console Error Image

Answer 1

The function elementsOverlap accepts 2 parameters, none of which you have provided while calling it.

And given that user is one of those parameters, the function will not use the user variable in the global scope. It will use the user parameter which is supposed to have been provided.

try removing the parameters since they're global anyway:

function elementOverlap(){
    // ... your code
}