如何使用 addEventListener 更改全局变量？

Question

我正在尝试使用 addEventListener 更改 userSelection 变量。底部的 console.log 没有显示任何内容，但是当我放置在按钮变量中时，我得到了想要的结果。我知道它在按钮内部而不是全局时变为本地，但对 addEventListener 的工作方式感到困惑。

var userSelection = "";
var rock = document.querySelector('#rock');
var paper = document.querySelector('#paper');
var scissors = document.querySelector('#scissors');

rockButton = rock.addEventListener('click', e => {
  userSelection = "Rock"
})

paperButton = paper.addEventListener('click', e => {
  userSelection = "Paper"
})

scissorButton = scissors.addEventListener('click', e => {
  userSelection = "Scissors"
})

console.log(userSelection);

任何正确方向的帮助或指示将不胜感激！