JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" value="Some Value" id="text1" />
<button id="btn1">Click Me</button>
JavaScript
$('#text1').each(function() {
var elem = $(this);
// Save current value of element
elem.data('oldVal', elem.val());
// Look for changes in the value
elem.bind("propertychange change click keyup input paste", function(event){
// If value has changed...
if (elem.data('oldVal') != elem.val()) {
if (elem.val().length == 0 ) {
$("#btn1").hide();
} else {
$("#btn1").show();
}
elem.data('oldVal', elem.val());
// Do action
}
});
});