JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr> 
        <td><input name="bottomair" type="text" required id="bottomair"
           size="3" onChange="bottomAirF()"></td>
        <td class="noborder" id="bottomairerror"></td>
   </tr>
</table>
    <input type="button" id="btnCalc" value="Click Me">

JavaScript

$(document).ready(function () {

        $("#btnCalc").click(
            function () {
                bottomAirF();
            }            
        );
    });



function bottomAirF() {
    var x, text;
    x = document.getElementById("bottomair").value;
   
    if (isNaN(x) || x < 33 || x > 40) {
        text = "Temp Out of Tolerance";
    } else {
        text = " ";
    }
    
    document.getElementById("bottomairerror").innerHTML = text;
}