为什么第二个'var i'总是= 1？每按一次按钮，第一个递增一个

Question

我的代码不包含每个新创建的输入字段的事件侦听器。第一个i递增，但第二个保持1。

我尝试使用绑定，但是没有成功。由于字段是动态的，因此侦听器的数量将根据按下按钮创建的字段的数量而变化。换句话说，我无法对听众进行硬编码。

for (var i = k; i >= 2; i--) {
    console.log(i + " This is first i")
    document.getElementById("calculatedPrice" + i).addEventListener("mouseover", function () {
        calcPrice(i);
        console.log(i + " 2nd i in function")

    });
};

calcPrice很简单：

function calcPrice(nr) {

    var count = document.getElementById("Antal" + nr).value;
    var value = document.getElementById("groupSelect" + nr).value;

    document.getElementById('calculatedPrice' + nr).value = count * value;


}

我希望我的第二个控制台日志每次单击都递增-进入for循环时，K从2开始，对于每个按钮单击，它递增1。