2012-10-18 202 views
0

我有一個相當複雜的公式,我想用代碼重新創建,我已經設置了一個fiddle 但我不知道從哪裏開始使用JavaScript/jQuery?javascript公式計算

任何幫助讓我開始並指向正確的方向將是美好的。

我需要的公式是

(1/(1 - A %)) - 1 = B % 
A = Percentage drop (#input) 
B = Percentage gain (#output) 

例如:如果A用25%下降,B具有增加33%至收支平衡

我想輸出將被顯示在的點擊計算div,然後在將來我想使用jQuery滑塊來更改輸入值並使輸出動態變化。

<div id="calc"> 
<div id="inputlabel">INPUT</div> 
<input id="input">%</> 
<div id="calculation">CALCULATE</div> 
<h1 class="output">%</h1> 
</div>​ 

回答

3

此代碼將工作:

$(document).ready(function() { 
    $('#calculation').click(function() { 
     var inp = parseFloat($('#input').val()); 
     var out = parseFloat((1/(1 - (inp/100))) - 1); 
     out = parseInt(out * 100); 
     $('h1.output').text(out + ' %'); 
    }); 
}); 

檢查更新fiddle

+1

+1 ..好像是很好..除了最後一行的工作,你似乎是在前面加上..更好的前面加上之前將其清除。 $('h1.output')。empty()。prepend(out +'%'); –

+0

@ Sushanth--啊! '.text(out +'%')'是我的首選。 (^ _ ^)。 – hjpotter92

+0

@ Sushanth--感謝您的編輯。 – hjpotter92

1

在這裏尋找的那個的jsfiddle做它:http://jsfiddle.net/LC8qE/

function calculate() 
{ 
    var A = parseInt(jQuery('#input').val())/100; 
    var B = (1/(1 - A)) - 1; 
    return Math.round(B * 100); 
} 

jQuery('#calculation').on('click', function(){ 
    if(jQuery('#input').val() == '') 
     { alert('enter a value!'); return false; }   
    var result = calculate(); 
    jQuery('.output').text(result + '%'); 
});