Javascript-форум - Прошу помощи в настройке скрипта калькулятора

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Прошу помощи в настройке скрипта калькулятора (https://javascript.ru/forum/misc/54286-proshu-pomoshhi-v-nastrojjke-skripta-kalkulyatora.html)

Прошу помощи в настройке скрипта калькулятора

Прежде всего, для наглядности хочу показать как работает скрипт на сайте:

_______________________________________________

Код скрипта:

<script type="text/javascript">
var min = 0.01;
var ser_pr = 100;
function calculate(st_q) {
    
	var sum_insert = parseFloat(st_q);
	$('#res_sum').html( (sum_insert * ser_pr).toFixed(0) );
	
	
}
	
</script>

Т.е. ввожу число 100, он показывает сумму в 100 (сто) раз больше.
Например, если ввести 200, то калькулятор показывает 20000. Если ввести 340, калькулятор покажет 34000.

А вот собственно суть проблемы:
Как сделать, чтобы калькулятор при сумме от 1 до 300 показывал значение, умноженное в 100 раз. От 301 до 1000, умноженное в 150 раз.
От 1001 до 3000, умноженное в 200 раз?

fruct455,

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
    </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
     $(function(){
       var input = $("input"), span = $('#res_sum'),ser_pr = [[300,100],[1000,150],[3000,200]] ;
       input.on('input',function() {
          val = +this.value || 0;
          for (var i=0; i<ser_pr.length; i++)  if(val < ser_pr[i][0]) {val *= ser_pr[i][1]; break}
          span.html(val)
      });
});
  </script>
</head>

<body>
 <input name=""><span id="res_sum"></span>
</body>

</html>