Javascript 当div text等于10时调用警报函数

Javascript 当div text等于10时调用警报函数,javascript,html,css,Javascript,Html,Css,我正在做一个游戏,当你得到10个打击,应该有一个警报告诉你游戏结束了。警报不起作用。StrikeEnumber ID是DIV的ID,一旦为10,就会发生警报。这是纯Java脚本 function GameOver(){ if (document.getElementById('StrikeNumber').text === "10"){ alert("gameOVER"); } } HTML DIVS <div id="StrikeNumber"> 0 </

我正在做一个游戏,当你得到10个打击,应该有一个警报告诉你游戏结束了。警报不起作用。StrikeEnumber ID是DIV的ID,一旦为10,就会发生警报。这是纯Java脚本

function GameOver(){
if (document.getElementById('StrikeNumber').text === "10"){
    alert("gameOVER");
   }
}


HTML DIVS

<div id="StrikeNumber">
0
</div>
<div id="ScoreNumber">
0
</div>

您应该使用innerHTML获取div的内容

function GameOver(){
    if (document.getElementById('StrikeNumber').innerHTML === "10"){
    alert("gameOVER");
   }
}

您还需要确保在每次div内容更新之后调用GameOver方法。

您应该使用innerHTML获取div的内容

function GameOver(){
    if (document.getElementById('StrikeNumber').innerHTML === "10"){
    alert("gameOVER");
   }
}

您还需要确保在每次div内容更新之后调用GameOver方法。

div元素没有文本属性。您必须使用textContent属性

if (document.getElementById('StrikeNumber').textContent === "10"){
    alert("gameOVER");
   }

div元素没有文本属性。您必须使用textContent属性

if (document.getElementById('StrikeNumber').textContent === "10"){
    alert("gameOVER");
   }
没有文本,请使用innerHTML或textContent。您的html看起来有空白,所以使用trim是一个更好的解决方案。你需要学习==&===在

没有文本,请使用innerHTML或textContent。您的html看起来有空白,所以使用trim是一个更好的解决方案。你需要学习==&===在


如果您使用的是JQuery,那么您可以使用.change方法并在该方法中编写逻辑

$StrikeEnumber.changefunction{ 警报“罢工改变”;
};

如果您使用的是JQuery,那么您可以使用.change方法并在该方法中写入逻辑

$StrikeEnumber.changefunction{ 警报“罢工改变”; };

你可以这样试试

setInterval(function(){
  if(div.textContent === '10') {alert('strike')}
}, 50);
你可以这样试试

setInterval(function(){
  if(div.textContent === '10') {alert('strike')}
}, 50);

尝试以下代码可能会对您有所帮助

作用{ var x=document.getElementByIdStrikeNumber.innerHTML; 如果x==10{ 游戏结束!!!; } } ; 10 0
尝试以下代码可能会对您有所帮助

作用{ var x=document.getElementByIdStrikeNumber.innerHTML; 如果x==10{ 游戏结束!!!; } } ; 10 0

我试过这个,但它不起作用。不过,感谢您的回复。我如何确保每次更新div后都调用该方法?在更新Dev的操作之后立即调用该方法。您还需要确保div包含10个不带任何空格的值。我已经尝试过了,但它不起作用。感谢您的回复。我如何确保在每次更新div之后调用该方法?您在更新Dev时使用的操作之后立即调用该方法。您还需要确保div包含10个不带任何空格的值。同时显示您的html代码!!!添加了divs!您是否已将div的click事件绑定到GameOver?div没有click事件,它们只是从0开始的文本。请尝试我的答案中的代码可能也会帮助您显示html代码!!!添加了divs!您是否已将div的click事件绑定到GameOver?div没有click事件,它们只是从0开始的文本。请尝试我回答中的代码可能会对您有所帮助。我使用的是纯java脚本。@Graham这里是上面的纯JavaScript翻译:document.getElementById'StrikeNumber'。onchange=函数{alert'strike changed';我使用的是纯java脚本。@Graham这里是上面的纯JavaScript翻译:document.getElementById'StrikeEnumber'.onchange=函数{alert'strike changed'};那破坏了我的游戏xD那破坏了我的游戏xD