带2个参数的Javascript函数

Question

我需要创建一个带有2个参数（price1,price2）的函数，它应该被添加在一起，并且在向它们添加Vat之后，结果将显示在文本字段中。

总体来说，我需要有3个文本字段：价格1，price2和结果。另外，结果的字段应按推算后按计算。

到目前为止，我已经拿出来与document.write回报功能，但它显然不显示任何文本字段，它看起来像这样：

function getTotalPrice(price1,price2,Vat) 
{ 
    var sum=price1+priceb; 
    var Vat=20; 
    return ((sum*Vat)*100)/100; 
} 
document.write(getTotalPrice(4,3)); 

我不知道如何创建按钮可以计算出Vat并将其显示在第三个文本框中。

Answer 1

问题：

1. Vat是未使用的为参数，即使它使用它总是在你的代码重新初始化并分配的20
2. priceb的值是一个错字。

除此之外，代码似乎没有任何明显的问题。

function getTotalPrice(price1, price2, vat) { 
    vat = (vat === undefined? 20 : vat); // give vat a default value if empty 
    return (price1 + price2) * vat; 
} 

document.write(getTotalPrice(4, 3)); 

编辑：每下面的评论，这是真的，我想我应该先走一步，在这里简化数学。如果提问者有一个不同的等式，他应该多解释一下。

编辑： （大桶===未定义20：缸）是否正确，产生比未定义，默认20. 之外的任何值（大桶===未定义大桶：20）将只产生undefined或。

Answer 2

按钮使用输入标签创建。一个例子，你想做什么：

<input type="text" id="price1"> 
<input type="text" id="price2"> 
<input type="text" id="results"> 
<input type="button" value="Calculate" onclick="calculateResults()"> 

<script type="text/javascript"> 
function calculateResults() { 
    var price1Box = document.getElementById('price1'); 
    var price2Box = document.getElementById('price2'); 
    var resultsBox = document.getElementById('results'); 
    resultsBox.value = getTotalPrice(price1Box.value, price2Box.value); 
} 
</script> 

有更干净的方法来做到这一点，但这是最实际和最简单的。如果您希望getTotalPrice能够正常工作，则需要Bryan发布的修复程序。

Answer 3

这应该怎么做你后：

<script type="text/javascript"> 
    function getTotalPrice(price1,price2) 
    { 
    var vat = 20; 
    return (((price1+price2) * vat) * 100)/100; 
    } 

    function calculate() 
    { 
    var result = document.getElementById('result'); 
    result.value = getTotalPrice(document.getElementById('price1').value, document.getElementById('price2').value); 
    } 
</script> 

<form> 
    <input type="text" id="price1" /> 
    <input type="text" id="price2" /> 
    <input type="text" id="result" /> 
    <input type="button" value="Calculate" onclick="calculate()" /> 
</form>