Interactive Rating Component

Although the project is working as expected,but in my index.js file:

//adding click event lister for submit button
    submitBtn.addEventListener('click',()=>{
        if(ratingState.style.display != 'block'){
            console.log(clickedRatingVal);
            //rating card will not display and thank you card will display
            ratingState.style.display = 'none';
            thankState.style.display = 'block';
            //shows the rating selected by the user
            ratingMsg.innerHTML = `You selected ${clickedRatingVal} out of 5`; 
        }
    }) 

I set the display of div to block for my rating-state div but when i tried changing its state using (ratingState.style.display == 'block') , this value came out to be false instead of true.So the only option for me was to use (ratingState.style.display != 'block . Can anyone help why this doesnt work out.Thanks in advance.