Untitled

<!DOCTYPE html>
<html>
<body>

Pay: <input type="text" id="pay" value="0">
<p style="color:blue">
$200-$299: <span id="pay1"></span><br>
$300-$399: <span id="pay2"></span><br>
$400-$499: <span id="pay3"></span><br>
$500-$599: <span id="pay4"></span><br>
$600-$699: <span id="pay5"></span><br>
$700-$799: <span id="pay6"></span><br>
$800-$899: <span id="pay7"></span><br>
$1000 + &nbsp;&nbsp; :  <span id="pay8"></span>
</p>

<button onclick="myFunction()">Submit</button>


<script>
 var x = document.getElementById("pay").value;
 var counter[9];
 x = Math.round(x*.09)+200;

function myFunction() {


if(x>=200&&x<=299) {
counter[0]++;
document.getElementById("pay0").innerHTML = counter[0];
}
else if (x>=300&&x<=399){
counter[1]++;
document.getElementById("pay1").innerHTML = counter[1];
}
else if(x>=400&&x<=499){
counter[2]++;
document.getElementById("pay2").innerHTML = counter[2];
}
else if(x>=500&&x<=599){
counter[3]++;
document.getElementById("pay3").innerHTML = counter[3];
}
else if (x>=600&&x<=699){
counter[4]++;
document.getElementById("pay4").innerHTML = counter[4];
}

else if(x>=700&&x<=799){
counter[5]++;
document.getElementById("pay5").innerHTML = counter[5];
}
else if(x>=800&&x<=899){
counter[6]++;
document.getElementById("pay6").innerHTML = counter[6];
}
else if(x>=900&&x<=999){
counter[7]++;
document.getElementById("pay7").innerHTML = counter[7];
}
else{
(x>=1000)
counter[8]++;
document.getElementById("pay8").innerHTML = counter[8];
}
</script>

</body>