JSFiddle - React, Tailwind, and code Playground

by bryan_weaver

HTML

<select class="TES">
    <option value="junk">Junk</option>
    <option value="mhc_answer">Answer</option>
    <option value="junk">Junk</option>
    <option value="junk">Junk</option>
    <option value="junk">Junk</option>
</select><br/>
<select class="TES">
    <option value="junk">Junk</option>
    <option value="mhc_answer">Answer</option>
    <option value="junk">Junk</option>
    <option value="junk">Junk</option>
    <option value="junk">Junk</option>
</select><br/>
<select class="TES">    
    <option value="junk">Junk</option>
    <option value="mhc_answer">Answer</option>
    <option value="junk">Junk</option>
    <option value="junk">Junk</option>
    <option value="junk">Junk</option>
</select>

<br/>
<input class="btn" type="button" value="click"/>
<p class="a"></p>
<p class="out"></p>

JavaScript

var answerCount;
function check(){
var listOfEntities = $('select.TES');
    answerCount = 0;
    for (var i = 0; i < listOfEntities.length; i++) {
         if($(listOfEntities[i]).val() == "mhc_answer")
            answerCount++;
    }
}

$(".btn").click(function(){
    check();
    
if(answerCount == 0)
    $("p.out").text(answerCount + ": true");
else
    $("p.out").text(answerCount + ": false");

});