JSFiddle - React, Tailwind, and code Playground

by Emmanuel Garcia

HTML

<form class="hideThis">
    Expected Number of Items: <input type="text" value="- - -4" name="totalItems" id="totalItems">
    <p>
    Number of Items Entered: <input type="text" value="- - -" name="enteredItems" id="enteredItems">
</form> 
<p>
 
 
 
 <ul>
		<li id="holiday1" class=""></li>
		<li id="A2019" class="semanas"></li>
		<li id="A2020" class="semanas"></li>
		<li id="A2021" class="semanas"></li>
		<li id="A2022" class="semanas"></li>
		<li id="A2023" class="semanas"></li>
	</ul>

CSS

input{border:none; min-width:100%; background-color:#CCC;}

JavaScript

function checkFields(){
    if( $('#totalItems').val() == $('#enteredItems').val() ){
        $('.hideThis').hide();
    }else{
        $('.hideThis').show();
    }
}

$(document).ready( function() {
    $('#totalItems, #enteredItems').keyup(function(){
        checkFields();
    });   
    checkFields();
});