Javascript：未能将节点定义为全局变量

Question

我正在学习一些基本的css / javascript动画，我在为HTML id定义全局变量名时遇到问题。当从函数内部调用变量“circularthing”时（如图所示），下面的脚本工作，但是当从函数外部调用它时，我无法通过变量名访问节点。这包括直接通过控制台访问节点。我可以直接从控制台定义变量，并使函数足够有趣。

var circularthing = window.document.getElementById('circularthing');

document.addEventListener('mousemove', function (event) {
    circularthing.style.top = event.y + 'px';
    circularthing.style.left = event.x + 'px';
});

非常感谢任何帮助！