JSFiddle - React, Tailwind, and code Playground

by aparadise

HTML

<div id="content">

    <div>a</div>
    <div style="display:block">b</div>
    <div style="display:block">c</div>
</div>

CSS

#content{

  font-size: 25px;

}

JavaScript

$(function(){
    var allElems = document.getElementsByTagName('div');
    var count = 0;
    var thisElem;
    for (var i = 0; i < allElems.length; i++) {
        thisElem = allElems[i];
        if (thisElem.style.display == 'block') count++;
    }
    
    //alert(allElems.length );
    
    if(allElems.length >3 ){
    alert('more than 3')
    }else{
    alert('less than 3')
    }
    
    alert(count + ' total style count of divs');
    
    if( (allElems.length<5) && (count <3 ) ){
     $("#content").css("color","red");
    }else{
    $("#content").css("color","green");
    }
    
    //do not pass
});