JSFiddle - React, Tailwind, and code Playground

HTML

<form id="add_form">
   <input type="text" id="max_temp" name="max_temp" />
   <input type="text" id="min_temp" name="min_temp" />
   <input type="submit" value="Submit" class="search" onClick="verify()"/>
</form>`

JavaScript

verify = function() {
     var x = document.getElementById("max_temp").value;
     var y = document.getElementById("min_temp").value;
     if (parseInt(x) < parseInt(y)) {
      alert("Sorry, you don't have enough points");
      return false;
     }
    }