Javascript .keyup() выпуск

Question

http://puu.sh/3r1jk.png

У меня есть этот код и недавно внедренная ползунок. Когда слайдер перемещается, он изменяет выигрыш%, как я этого хочу. Но если я должен был ввести его во входные данные, то есть 60%, он обновил бы множитель и прибыль. Я хочу, чтобы он обновлял множитель и получал прибыль через слайдер.

Код для обновления входов:

$(document).ready(functon() { 
    function updateValues() { 
     // Grab all the value just incase they're needed. 
     var chance = $('#chance').val(); 
     var bet = $('#bet').val(); 
     var pay = $('#pay').val(); 
     var profit = $('#profit').val(); 

     // Calculate the new payout. 
     pay = Math.floor((9900/(parseFloat(chance) + 0.5)) * 100)/10000; 


     // Calculate the new profit. 
     profit = bet * pay - bet; 
     profit = profit.toFixed(6); 

     $('#chance').val(chance); 
     $('#bet').val(bet); 
     $('#pay').val(pay); 
     $('#profit').val(profit); 
    } 


    parseFloat($('#chance').keyup(updateValues)); 
    parseFloat($('#bet').keyup(updateValues)); 
    parseFloat($('#pay').keyup(updateValues)); 
    parseFloat($('#profit').keyup(updateValues)); 
}); 

Код для обновления выигрыша% с помощью ползунка:

examples.push({ 

    range: [.01, 98], 
    start: 49, 
    handles: 1, 
    connect: "lower", 
    serialization: { 
     to: [$(".exVal")] 
    } 

}); 

HTML:

<div class="form-box"> 
    <label for="bet">Bet Amount</label> 
    <input type="text" name="bet" id="bet" class="text" placeholder="amount" /> 
</div> 
<div class="form-box"> 
    <label for="pay">Multiplier</label> 
    <input type="text" name="pay" id="pay" class="text" placeholder="Payout - 2x Default" /> 
</div> 
<div class="form-box last"> 
    <label for="pay">Profit</label> 
    <input type="text" name="profit" id="profit" class="text" placeholder="Profit" /> 
</div> 
<div class="clearfix"></div> 
<div class="form-box"> 
    <label for="chance">Win Chance (%)</label> 
    <input type="text" name="chance" id="chance" class="text exVal" value="50" placeholder="Win % - 50.5% Default" /> 
</div> 
<p>Slide to choose win chance or enter it in the input!</p> 
<div class="noUiSlider" id="chance" style="margin: 25px 100px 10px 220px; colour:#00aec8;"></div> 

Почему не это обновление?

Answer 1

У вас есть опечатка в первой строке «functon» вместо «function».

изменить Также

parseFloat($('#chance').keyup(updateValues)); 
parseFloat($('#bet').keyup(updateValues)); 
parseFloat($('#pay').keyup(updateValues)); 
parseFloat($('#profit').keyup(updateValues)); 

в

$('#chance').keyup(updateValues); 
$('#bet').keyup(updateValues); 
$('#pay').keyup(updateValues); 
$('#profit').keyup(updateValues); 

EDIT

Этот слайдер не имеет событий, поэтому нажмите кнопку обработчик событий, кажется, только опцию

$('.noUiSlider, .noUiSlider *').click(updateValues);