当div文本等于10时调用警报功能

Question

I'm working on a game that when you get 10 strikes, there should be a alert telling you Game Over. The alert is not working. The StrikeNumber ID is the ID of the DIV that once it is 10, the alert should happen. This is pure Java Script.

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


HTML DIVS

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

Answer 1

如果使用的是JQuery，则可以使用.change（）方法并在该方法内编写逻辑。

$("#StrikeNumber").change(function(){ alert('strike changed'); });

Answer 2

The div element dose not have a text property. You have to use the textContent property.

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

get text from doc tag

Answer 3

There is no text , use innerHTML or textContent . Your html look like having whitespace so using trim() is a better solution . You need to learn == & === difference at here

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

Answer 4

Try following code might help you

 (function() { var x = document.getElementById("StrikeNumber").innerHTML; if (x == 10) { alert("Game Over !!!"); } } )(); 

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

Answer 5

You should use innerHTML to get the content of a div.

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

You also need to make sure that the GameOver() method is called after every div content update.

Answer 6

you can try like this.

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