Javascript 增补列表器—；如何捕获另一个变量的值？

我是JS的新手。我需要第2行的帮助…单击按钮时如何获取自变量的值？ 基本上，var i每100ms递增一次，我想捕获当点击一个按钮时它的值。 非常感谢

    function startGame(){
    **var clickValue = thebutton.addEventListener()** // I need this variable to capture to value of **i** when thebutton is clicked
    var i = -50
    var timer = setInterval(timerActual, 100);
    function timerActual(){
        console.log(i)
        i++;
        if (i===600) {
            clearInterval(timer)
        }
    }}

---

您可以在事件侦听器函数中访问该变量

函数startName（）{
变量i=-50
让按钮=document.querySelector（“按钮”）；
addEventListener（'click'，function（）按钮{
log（`i=${i}`）；
});
var定时器=设置间隔（定时器，100）；
函数timeractural（）{
i++；
如果（i==600）{
清除间隔（计时器）
}
}
}
document.querySelector（“开始”）.addEventListener（“单击”，开始名称）
开始
请参阅计时器
您有一个
i
变量。引用它？
addEventListener
不返回任何内容。侦听器函数稍后在事件发生时运行。在添加侦听器时返回值是没有意义的。因此，您更新了一个两个函数都可以引用的变量，然后读取该值。