JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" id="number" />
<input type="text" id="secret" />
JavaScript
var ranges = {'range1':{min:-1000,max:2},'range2':{min:3,max:10},'range3':{min:11,max:1000}};
$('#number').keyup(findRange);
function findRange(){
var num = parseInt( $('#number').val() );
$('#secret').val('');
for(rng in ranges)
{
if (num >= ranges[rng].min && num <=ranges[rng].max)
{
$('#secret').val(rng);
}
}
}