JSFiddle - React, Tailwind, and code Playground
HTML
<span class="label">min:</span><input type="text" value="" id="min" /><br/>
<span class="label">max:</span><input type="text" value="" id="max" /><br/>
<input type="button" value="go" id="go"><br/>
<span id="res" class="label" ></span>
CSS
.label { display: inline-block;
width: 50px;
height: 20px;
}
#res {
border: inset 1px silver;
text-align: center;
}
JavaScript
$(function(){
function randBetween(mymin,mymax){
return Math.round(Math.random()*(mymax-mymin),0) +mymin
}
$('#go').on('click', function(){
smin=+$("#min").val();
smax=+$("#max").val();
$('#res').html( randBetween(smin, smax))
})
})