<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="number" min='0'>Введите сумму покупок<br>
<span id="stat"></span><br>
<span id="nextStat"></span>
<script>
document.querySelector('input').oninput=e=>{
var arr = [[100000,'платиновый'],[50000,'золотой'],[10000,'серебрянный'],[1000,'бронзовый'],[0,'без статуса']],
v = arr.findIndex(el => el[0] <= +e.target.value);
document.querySelector('#stat').textContent = 'Ваш статус: '+arr[v][1];
document.querySelector('#nextStat').textContent = v!=0?'Нужно потратить до следующего статуса: '+(+arr[v-1][0] - e.target.value):'Максимальный статус';
};
</script>
</body>
</html>