So I want to change the name1, name2 variables when I submit and logging after the event listener is called is not giving me anything

  let name1 = '';
    let name2 = '';
    document.querySelector('.start-btn').addEventListener('click', e => {
        name1 = document.getElementById('p1-name').value;
        name2 = document.getElementById('p2-name').value;
    });

    let _player1 = playerFactory(name1, 0, 'X');
    let _player2 = playerFactory(name2, 0, 'O');
    console.log(_player1.name);
    console.log(_player2.name);```