仅当 innerHTML 超过 99 时，如何使用 Javascript 弹出警报？答案

【问题标题】：How to make an alert pop up with Javascript only when an innerHTML is over 99?仅当 innerHTML 超过 99 时，如何使用 Javascript 弹出警报？
【发布时间】：2015-06-06 20:39:00
【问题描述】：

这里是第一个计时器和 javascript 新手。我学javascript有点晚了，我遇到了一个问题。
当用户单击按钮时，我有一个计数器会增加一个。代码在这里：

<script language="javascript">  
var cnt = 0;  
function cntClicks(){  
cnt = cnt + 1;  
document.getElementById('test').innerHTML = cnt;  
}  
</script>  
<h1 id="test">0</h1>
<button onclick="cntClicks();">add 1</button>

到目前为止它有效，但我希望在有人点击 100 次时弹出警报。我不知道如何执行此操作，我也真诚地感谢 HTML 中包含的答案。这是因为 ~~Wapka~~ 不允许纯 JavaScript 文件。我认为这将包括一个专注于 innerHTML > 99 的 if 语句是否正确？

【问题讨论】：

标签： javascript html if-statement counter innerhtml

【解决方案1】：

是的，你是对的。

但是，我建议使用cnt，而不是检查document.getElementById('test').innerHTML，将其转换为数字，然后将其与99 进行比较。

if(cnt>99){ 
  alert(something); 
  //do anything else
}

【讨论】：

【解决方案2】：

是的，您需要if 声明。但是你可以只测试cnt变量，你不需要测试innerHTML。

var cnt = 0;

function cntClicks() {
  cnt = cnt + 1;
  document.getElementById('test').innerHTML = cnt;
  if (cnt > 9) {
    alert("Too many clicks!");
  }
}

<h1 id="test">0</h1>
<button onclick="cntClicks();">add 1</button>

为了让演示更易于尝试，我使用了 9 次点击而不是 9 次。

【讨论】：

抱歉，直到发布后才看到您的最后一条评论