JSFiddle - React, Tailwind, and code Playground

HTML

<div role="main">
    <input class="basePrice" style="display: none;">
    <input class="pricingPerAccount" style="display: none;">
    <input class="costOfService" style="display: none;">
    
  <div class="calculatorWrapper round10">
      <div class="calculator round5">
        <div class="calculatorContent">
            
            <div class="list">
            
            <div class="listName">Number of Held-Away Accounts</div>
            <div class="listName">Average Value of each Held-Away Account</div>
            <div class="listName">Basis Points Charged</div>

            
            </div>
            <div class="listValues">
            
            <div class="listValue"><input class="numberOfAccounts" type="text" value="10" style="margin-bottom: 20px;" /></div>
         
               <div class="listValue"><div style="margin-left: 25px; width: 350px; margin-bottom: 10px;" id="slider"></div>
            <input class="averageValue" style="margin-bottom: 10px;" value="$100,000">
            </div>
            
            <div class="listValue">
            <input class="checkbox25" type="checkbox" checked="checked">0.25
            <input class="checkbox5" type="checkbox">0.5
            <input class="checkbox75" type="checkbox">0.75
            <input class="checkbox1" type="checkbox">1.00
            </div>
            
            </div>

        </div>    
        
        <div class="increasedRevenueWrapper roundBottom">
        
        <div class="increasedRevenue">
        Increased Revenue Year 1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$<input id="increasedRevenueValue" value="0">
        </div>
        
        </div>
    

    
    </div>
  </div>


  </div>

JavaScript

alert($.isNumeric( "-1.0" ))