Javascript, alert when value is zero-CodePudding

I am designing a game.

There is a life point, id called 'lifepoint'.

Also, there is a function: mouse click to decrease the value of 'lifepoint'.

I want to have new function:

Alert when the lifepoint <= 0, my alert function is not work.

function decrementlife() {
    var element = document.getElementById('lifepoint');
    var value = element.innerHTML;

    --value;
    console.log(value);
    document.getElementById('lifepoint').innerHTML = value;
}




$(function (){
    var value = $('lifepoint').val();
    if( value  == '0' ) {
        alert('GG')
    }
})

CodePudding user response：

Why not directly put inside the decrementlife function ?

function decrementlife() {
    var element = document.getElementById('lifepoint');
    var value = parseInt(element.innerHTML);// it's a string with innerHTML so convert to int

    --value; 
    if(value <= 0) { alert("Boom!!")} // alert it here
    console.log(value);
    document.getElementById('lifepoint').innerHTML = value;
    
}

CodePudding user response：

$(function (){}) is called once all the DOM elements of the page are ready to be used.

your should call alert directly in decrementlife