JSFiddle - React, Tailwind, and code Playground

by schawaska

HTML

<body>
        <input type="text" id="YourTextBox" value="" />
        <input type="button" id="YourButton" value="Click Me" />
        <script type="text/javascript">

            var textBox = null;
            var button = null;

            var textBox_Change = function(e) {
                button_SetVisibility();
            };

            var button_SetVisibility = function() {
                if((button.style.visibility === 'visible') && (textBox.value === '')) {
                    button.style.visibility = 'hidden';
                } else {
                    button.style.visibility = 'visible';
                }
            };    

            var button_Click = function(e) {
                textBox.value = '';  
                button_SetVisibility();
            };                
            
            (function() {
                textBox = document.getElementById("YourTextBox");
                button = document.getElementById("YourButton");
                if('' === button.style.visibility) { button.style.visibility = 'visible'; }
                textBox.onchange = textBox_Change;
                button.onclick = button_Click;
                button_SetVisibility();
            })();
        </script>
    </body>