<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript">var jQ = $.noConflict(true);
jQ(document).ready(function(){
let counter = 0;
jQ('#fb-submit-button').hide();
jQ("input[name='ruhuman']").change(function(){
var inputValue = jQ('input[name="ruhuman"]').val();
var regex = /\bRed\b/i;
if (regex.test(inputValue) && counter<3) {
jQ('#fb-submit-button').show('slow');
jQ('#fb-submit-button').removeAttr('disabled');
}else{
jQ('#fb-submit-button').hide();
jQ('#fb-submit-button').attr('disabled', 'disabled');

counter++;
document.getElementById('count').innerText = counter;
document.getElementById('count2').innerText = 3-counter;
}
});
});</script>
<p id="output" style="color:White">Number of times entered wrong: <span id="count">0</span>
</p>
<p id="output2" style="color:White">Number of times left: <span id="count2">3</span>
</p></script>