I'm making pong with HTML canvas and JavaScript, and I am having trouble with the movement of the ball. The game is technically fully playable right now, but if you position the paddles in a way that they hit the ball, and then you just leave them there, the ball will just continue in an infinite loop bouncing between the paddles, and the top and bottom of the screen. How can I implement a random number to make the ball move in the opposite direction but slightly differently? If you need any more code than this, let me know. Thx.

// Ball to paddles collision detection

function ballToPaddlesCollisionDetection(a,b) {
    if(a.X < b.X + b.width && a.X + a.width > b.X && a.Y < b.Y + b.height && a.Y + a.height > b.Y) {
        ballDX = -ballDX;
        ballDY = - ballDY;
    }