Javascript 数字值的EventListener

我一直在玩

addEventListener（）

，但我似乎不知道它是如何工作的。我想尝试使事件侦听器在总金额达到某一点时识别，然后触发函数

mow（）

window.addEventListener(); //???

function mowEm(){
    var moreMow = setInterval('mow()', 1000);
}

function mow(){
    window.money = document.getElementById('tot');
    money.innerHTML = Number(money.innerHTML) + 2;
}



<div class="tot" id="tot">
        0
</div>
<br><br><br>
<div class="element">
    <input class=button type=button value="Hire employee" onclick='mowEm()'>
    Click to mow someone's lawn.
    <input class=button type=button value="MOW" onclick='mow()'>
</div>

window.addEventListener（）；/？？？
函数mowEm（）{
var moreMow=setInterval（'mow（）'，1000）；
}
函数mow（）{
window.money=document.getElementById（'tot'）；
money.innerHTML=数字（money.innerHTML）+2；
}
0




单击以修剪某人的草坪。

---

有人对我如何使这项工作成功有任何想法吗？

听起来你只需要倾听钱的数量，以达到某一点，然后再做其他事情。您可以在每次值上升时检查该值：

function mow() {
  money.innerHTML = Number(money.innerHTML) + 2;

  if (money.innerHTML === '8') {
    alert('Amount of 8 reached, fire some function and do something...');
  }
}

//window.addEventListener（）；//？？？
var money=document.getElementById（'tot'）；
函数mowEm（）{
var moreMow=setInterval（'mow（）'，1000）；
}
函数mow（）{
money.innerHTML=数字（money.innerHTML）+2；
如果（money.innerHTML=='8'）{
警报（'达到8的数量，启动一些功能并执行一些操作…'）；
}
}

。隐藏{
显示：无；
}
.表演{
显示：块；
}
h1{
字体大小：40px；
文本对齐：居中；
颜色：#032441；
}
.托特先生{
字体大小：90px；
文本对齐：居中；
颜色：#032441；
}
.元素{
字体大小：20px；
文本对齐：居中；
颜色：#032441；
}
.按钮{
背景色：；
颜色：#032441；
光标：指针；
}

总金额：
0




单击以修剪某人的草坪。

请在此处添加相关代码作为链接，而不是指向非现场资源的链接。达到一定数量后，哪个函数应该做什么？我希望增加的值增加，因此函数mow（）中的第二行。