JSFiddle - React, Tailwind, and code Playground

HTML

<input type=hidden id="balancehidden" name="balancehide" value=""/>
<input type="text" id="number"><br>
<button type="button" class="btn btn-success" id="redeem">Redeem</button>

JavaScript

document.getElementById("balancehidden").value = 100;
document.getElementById('redeem').onclick = function() {
  var number = parseInt(document.getElementById('number').value);
  var balance = parseInt(document.getElementById('balancehidden').value);
  if(number < 4 || number > balance) {
    alert(document.getElementById("number").value);
    alert(document.getElementById("balancehidden").value);
  }
}