Get the value of a div using document.getElementById

I have been trying to get the value of a div element using document.getElementbyId in order to add it in a if statement but my condition seems to be ignored. So I got this traffic light in front of "Share checks" and this traffic light is either green or red, it's green when all the checks under it are running successfully and it's red if one of them fails to run. The problem is now that I have the check "Shared Filters" failing, my red traffic light gets overwritten and becomes green if I run another check. I'm trying to get the value of my div element, that's where I added the traffic light, and if that value is a red light, the light won't get overwritten by a green one if another check is ran.

      <div class="float-child"> <div id="ShareChecksStatus"> </div> </div>
 

   var filter =  document.getElementById('ShareChecksStatus').value;
      
    if (value.securityCheckName== "ShareFilter" && value.checkStatus == "SUCCESS" &&  filter !== "<span>&#128308;</span>"){
        document.getElementById('ShareChecksStatus').innerHTML = "<span>&#128994;</span>";

    }
     else if(value.securityCheckName== "ShareFilter" && value.checkStatus == "FAILED" ) {
        document.getElementById('ShareChecksStatus').innerHTML = "<span>&#128308;</span>";
    }
     else if (value.securityCheckName== "ShareFilter" && value.checkStatus == "RUNNING"){
        document.getElementById('ShareChecksStatus').innerHTML = "<span>&#9898;</span>";
     }

     else if (value.securityCheckName== "ShareDashboard" && value.checkStatus == "SUCCESS" &&  filter !== "<span>&#128308;</span>" ){
        document.getElementById('ShareChecksStatus').innerHTML = "<span>&#128994;</span>";

    }
     else if(value.securityCheckName== "ShareDashboard" && value.checkStatus == "FAILED") {
        document.getElementById('ShareChecksStatus').innerHTML = "<span>&#128308;</span>";
    }
     else if (value.securityCheckName== "ShareDashboard" && value.checkStatus == "RUNNING" ){
        document.getElementById('ShareChecksStatus').innerHTML = "<span>&#9898;</span>";
     }
    
    //Shareobj
     else if (value.securityCheckName== "ShareObject" && value.checkStatus == "SUCCESS"  && filter !== "<span>&#128308;</span>" ){
        document.getElementById('ShareChecksStatus').innerHTML = "<span>&#128994;</span>";

    }
     else if(value.securityCheckName== "ShareObject" && value.checkStatus == "FAILED") {
        document.getElementById('ShareChecksStatus').innerHTML = "<span>&#128308;</span>";
    }
     else if (value.securityCheckName== "ShareObject" && value.checkStatus == "RUNNING" ){
        document.getElementById('ShareChecksStatus').innerHTML = "<span>&#9898;</span>";
     }