JQuery - увеличение значения для каждого введенного значения

Question

У меня есть простое текстовое поле, в которое пользователи вводят число, - это затем обновляет несколько элементов на странице со значением.

В настоящий момент они будут содержать несколько номеров, введенных установленной суммой.

$('input').keyup(function() { 
     var v = $(this).val(); 
     v = isNaN(v)?'':v; 
     $(this).val(v); 
     $("#spot1 span").html(v * 100); 
     $('#spot2 span').html(v * 200); 
    }); 

HTML:

<div><input id="number" name="number" type="text"><br /></div> 

    <div id="spot1">Section 1: <span></span><br /></div> 
    <div id="spot2">Section 2: <span></span><br /></div> 

То, что я хотел бы сделать, это выход для секции 2 на основе только возрастает переваривать очень х раз вводится в поле ввода

Eg. Менее 50 секций 2 показывает 1, а затем каждые 50 введенных значений увеличивается на 1. Таким образом, если число 250 было введено, то в разделе 2 фактически будет показано 4

Answer 1

Используйте деление на линии, попробуйте этот пример ввода в '250'

$('input').keyup(function() { 
 
     var v = $(this).val(); 
 
     v = isNaN(v)?'':v; 
 
     $(this).val(v); 
 
     $("#spot1 span").html(v); 
 
     $('#spot2 span').html(Math.ceil((v * 4)/250)); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div><input id="number" name="number" type="text"><br /></div> 
 

 
    <div id="spot1">Section 1: <span></span><br /></div> 
 
    <div id="spot2">Section 2: <span></span><br /></div>

Answer 2

Вот JSFiddle.

$(document).ready(function() { 
$('input').keyup(function() { 
     var v = $(this).val(); 
     v = isNaN(v)?'':v; 
     $(this).val(v); 
     $("#spot1 span").html(v * 100); 
     $('#spot2 span').html(Math.round(v/50)); 
    }); 
}); 

Answer 3

$("#spot2 span").html(Math.floor(v/50) + 1) 

должен сделать трюк, по крайней мере, для положительных значений х.