I am trying to remove a eventListener that calls an anonymous function with the mouseover and mouseout events.

const playerPlace = (ships,player,computer,ship) => {
    let playerBoard = document.getElementById('playerGameboard');
    playerBoard.addEventListener('mouseover', (e) => playerHover(ship,e))
    playerBoard.addEventListener('mouseout',(e) => playerExit(ship,e))
    playerBoard.addEventListener('click',function(event){
        let element = event.target.id;
        player.playerPlace(ship,parseInt(element[0]),parseInt(element[1]),'horizontal');
        updateGameboard(player,computer);
        ship.isPlacedSetter(true);
        if(isShipPlaced(ships) !== true){
            console.log('remove Listener')
            playerBoard.removeEventListener('mouseover',playerHover);
            playerBoard.removeEventListener('mouseout',playerExit);
            playerPlace(ships,player,computer,isShipPlaced(ships))

        }
    }, {once:true})
} 

I can't find any solutions to my problem online.