JQuery - 爲輸入的每個50增加值輸出

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> 

我想這樣做的是僅基於增加消化非常時期X部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) 

應該做的伎倆，至少對x的正值。