Why won’t the score change when the ball reaches the end?

Question

https://code.sololearn.com/WVZ7Xzvx5qCW/?ref=app
I have an If and statement in the method scoreChange that should add one to the player score when the ball reaches canvas.width, but for some reason this doesn’t happen. The ball just keeps going and the score doesn’t change and I can’t figure out why.
If someone has any insight or a solution to share as to why this happening and how it can be fixed that would be greatly appreciated.

Answer 1

It works if you put the collision detection in the ball class. But there are other problems like humanScore seems to be a constant etc.

ballMotion(){
this.ballXPos = this.ballXPos + 1;
if(this.ballXPos == canvas.width){
console.log('collision');
//++humanScore;
} else if(this.ballXPos == 0){
//++computerScore;
}
}