添加兩個javascript函數（取決於輸入）

我已經組合了一個計算器根據用戶輸入計算價格。它可以很好地處理一個輸入，但現在我必須使用第二個用戶輸入來擴展它。但是這裏有一個問題：用戶可能不想把任何東西放到現場，所以它將是空的。這就是剎車我的代碼。我可以複製計算器函數，並返回值並將這兩個值一起添加到第三個函數中，但當存在空值時它將不起作用。添加兩個javascript函數（取決於輸入）

只是爲了它的緣故，一些瑣碎的HTML代碼：

//When I only calculate with this user input, its easy 
<input type="text" id="rocktext"><br> 
// But how to consider this and do the same exact calculations like with the 
//first one and add those two result together? 
<input type="text" id="rocktext2"><br>

到底的代碼應該是這樣的：

以第一用戶輸入，計算價格（如在代碼如下）
如果（!!）有第二個用戶輸入，計算出價格並將它加到第一個

我是一個白癡嘗試與JS或只是一個白癡在第一個？

希望聽到你，夥計們！

初始JS代碼如下：

function priceCalc() { 
    var inputs = document.getElementById("rocktext").value; 
    var length = inputs.length;   
    var accept = 6; 
    var initPrice = 8; 

    if (inputs<=accept){ 


       // Since the code is much simpler right now i just put the result in HTML as follows: 
       document.getElementById("rockpricetotal").innerHTML = initPrice + " dollars"; 

       //I can also return the the value calculated here like so: 
       //retVal = initPrice; 
      } 


      else { 

       var intLength = parseInt(length, 10); 
       var lengthGap = intLength - accept; 
       var totals = lengthGap * 0.8 + initPrice; 
       var prec = totals.toPrecision(3); 

       // Since the code is much simpler right now i just put the result in HTML as follows: 
       document.getElementById("rockpricetotal").innerHTML = prec + " dollars"; 

       // Here also the return clause can be possible with the calculation result like so: 
       //retVal = prec; 
      } 

     // And the final return as an alternative to the innerHTML : 
     // return retVal;

}

來源

2016-08-29 Joonas Kessel

如果你使用''兩個'輸入'並給他們一個初始值爲0.00（'value ='0''）？ –

使其成爲可伸縮的，可以將類添加到所有其可以是該函數的輸入（像calcInput），所以你迭代所有這些，如果該值不是空的（如果它是一個有效的數字），你把它放在計算中。

或者，你可以驗證，如果第二輸入是空的，如果是這樣，來電functionOne，如果沒有，來電functionTwo：

function twoDifferentWays() { 
    var valueOne = document.querySelector("#rocktext").value; 
    var valueTwo = document.querySelector("#rocktext2").value; 

    if (!!valueTwo && !isNaN(valueTwo)) { 
    callsFunctionOne(valueOne, valueTwo); 
    } else { 
    callsFunctionTwo(valueOne, valueTwo); 
    } 
}

來源

2016-08-29 20:55:22

謝謝！你太好了！ –

添加兩個javascript函數（取決於輸入）

回答

相關問題