Javascript 计算销售人员'；s销售+；来自html表单用户填写/文本输入的佣金

用户根据售出的商品数量填写下表

然后，计算器计算销售人员在下面空白处的销售额+他们的收入+200美元额外+总销售额的9%佣金。。。然后表单输出结果

• 将输出结果四舍五入到小数点后2位
• 检查有效的数字输入
• 确保售出的物品数量<0，因为没有人售出负数量的物品
• 对，请证明所有金额

我已经写出了我认为函数应该是关于什么的，没有正确的语法。我对javascript非常熟悉，而且只擅长HTML。我需要帮助使我所拥有的与表单字段正确对应。。。这一切都是非常压倒性的。任何解释都是有帮助的

<h1>Sales Commission Calculator</h1>
<hr>

    <section>

    <form name="salesperson_total">

    Salesperson: <input type="text" title="Please make sure that the salesperson's name is spelled correctly" name="sp" size="20">
    <br>
    <br>

    <h3>Input the number of items sold for each item number:</h3>

    Item 1: <input class="t" type="text" name="num_item1" size="8" value="num_item1"><br>
    Item 2: <input class="t" type="text" name="num_item2" size="8" value="num_item2"><br>
    Item 3: <input class="t" type="text" name="num_item3" size="8" value="num_item3"><br>
    Item 4: <input class="t" type="text" name="num_item4" size="8" value="num_item4"><br><br>
    <input type="button" value="Submit">
    <input type="reset" value="Reset"><br><br>

<table>
<tr>
    <th>Item #</th>
    <th>Price</th>
    <th>Number Sold</th>
    <th>Total</th>
</tr>

<tr>
    <td>1</td>
    <td>$239.99</td>
    <td><input type="text" class="t" name="int_item1"></td>
    <td><input type="text"  class="t" name="total_item1"></td>
</tr>
<tr>
    <td>2</td>
    <td>$129.75</td>
    <td><input type="text" class="t" name="int_item2"></td>
    <td><input type="text"  class="t" name="total_item2"></td>
</tr>
<tr>
    <td>3</td>
    <td>$99.95</td>
    <td><input type="text" class="t" name="int_item3"></td>
    <td><input type="text"  class="t" name="total_item3"></td>
</tr>
<tr>
    <td>4</td>
    <td>$350.89</td>
    <td><input type="text" class="t" name="int_item4"></td>
    <td><input type="text" class="t" name="total_item4"></td>
</tr>
<tr>
    <td colspan="3">Total Amount Sold:</td>
    <td><input type="text" class="t" name="final_total"></td>
</tr>
<tr>
    <td colspan="3">Total Weekly Earnings:</td>
    <td><input type="text"  class="t" name="salary"></td>
</tr>
</table>

</form>
</section>
<br>
<script>

var num_item1 = "";
var num_item2 = "";
var num_item3 = "";
var num_item4 = "";

var price1 = 239.99;
var price2 = 129.75;
var price3 = 99.95;
var price4 = 350.89;

var int_item1 = "";
var int_item2 = "";
var int_item3 = "";
var int_item4 = "";

var total_item1;
var total_item2;
var total_item3;
var total_item4;

var comm;

function numberSold() {
    num_item1
    num_item2
    num_item3
    num_item4

}

function totalSold() {
    total_item1 = num_item1 * price1;
    total_item2 = num_item2 * price2;
    total_item3 = num_item3 * price3;
    total_item4 = num_item4 * price4;
}

function amountSold() {
    total_item1 + total_item2 + total_item3 + total_item4;

}

function getComm() {
    comm = Math.floor(9/amountSold*100);
}

function weeklyEarned() {
 amountSold + comm + 200
document.write();
}

</script>

</section>

</body>
</html>

销售佣金计算器

销售员：




输入每个项目编号的销售项目数：
第1项：

第2项：

第3项：

第4项：





项目#
价格
售出数量
全部的
1.
$239.99
2.
$129.75
3.
$99.95
4.
$350.89
销售总额：
每周总收入：


var num_item1=“”；
var num_item2=“”；
var num_item3=“”；
var num_item4=“”；
var价格1=239.99；
var价格2=129.75；
var价格3=99.95；
var价格4=350.89；
var int_item1=“”；
var int_item2=“”；
var int_item3=“”；
var int_item4=“”；
var总计项目1；
var总计项目2；
var总计项目3；
var总计项目4；
var通信；
函数numberSold（）{
第1项
第2项
第3项
第4项
}
函数totalsell（）{
总计项目1=数量项目1*价格1；
总计项目2=数量项目2*价格2；
总计项目3=数量项目3*价格3；
总计项目4=数量项目4*价格4；
}
函数amountsell（）{
合计项目1+合计项目2+合计项目3+合计项目4；
}
函数getComm（）{
通信=数学楼层（9/售出数量*100）；
}
功能周刊（）{
销售量+通信量+200
document.write（）；
}

---

//请参见上述说明中的预期结果。

我做得很快，这应该足以作为指导：

<h1>Sales Commission Calculator</h1>
    <hr>

    <section>

    <form name="salesperson_total">

    Salesperson: <input type="text" title="Please make sure that the salesperson's name is spelled correctly" name="sp" size="20">
    <br>
    <br>

    <h3>Input the number of items sold for each item number:</h3>

    Item 1: <input class="t" type="text" name="num_item1" id="item1" size="8" value="0" style="text-align:right;" onkeyup="checkNumItems();"><br>
    Item 2: <input class="t" type="text" name="num_item2" id="item2" size="8" value="0" style="text-align:right;" onkeyup="checkNumItems();"><br>
    Item 3: <input class="t" type="text" name="num_item3" id="item3" size="8" value="0" style="text-align:right;" onkeyup="checkNumItems();"><br>
    Item 4: <input class="t" type="text" name="num_item4" id="item4" size="8" value="0" style="text-align:right;" onkeyup="checkNumItems();"><br>
    <span id="msg" style="color:red;"></span><br><br> <!--This element is used to display an error message if any item entered is less than zero-->
    <input type="button" value="Submit" id="submitBtn" onclick="calculate()">
    <input type="reset" value="Reset" onclick="reset()"><br><br>

<table>
<tr>
    <th>Item #</th>
    <th>Price</th>
    <th>Number Sold</th>
    <th>Total</th>
</tr>

<tr>
    <td>1</td>
    <td>$239.99</td>
    <td><input type="text" class="t" name="int_item1" id="int_item1" style="text-align:right;"></td>
    <td><input type="text"  class="t" name="total_item1" id="total_item1" style="text-align:right;"></td>
</tr>
<tr>
    <td>2</td>
    <td>$129.75</td>
    <td><input type="text" class="t" name="int_item2" id="int_item2" style="text-align:right;"></td>
    <td><input type="text"  class="t" name="total_item2" id="total_item2" style="text-align:right;"></td>
</tr>
<tr>
    <td>3</td>
    <td>$99.95</td>
    <td><input type="text" class="t" name="int_item3" id="int_item3" style="text-align:right;"></td>
    <td><input type="text"  class="t" name="total_item3" id="total_item3" style="text-align:right;"></td>
</tr>
<tr>
    <td>4</td>
    <td>$350.89</td>
    <td><input type="text" class="t" name="int_item4" id="int_item4" style="text-align:right;"></td>
    <td><input type="text" class="t" name="total_item4" id="total_item4" style="text-align:right;"></td>
</tr>
<tr>
    <td colspan="3">Total Amount Sold:</td>
    <td><input type="text" class="t" name="final_total" id="final_total" style="text-align:right;"></td>
</tr>
<tr>
    <td colspan="3">Total Weekly Earnings:</td>
    <td><input type="text"  class="t" name="salary" id="salary" style="text-align:right;"></td>
</tr>
</table>

</form>
</section>
<br>

<!--Javascript-->
<script>

//Declare and initialize all variables
var num_item1 = "";
var num_item2 = "";
var num_item3 = "";
var num_item4 = "";

var price1 = 239.99;
var price2 = 129.75;
var price3 = 99.95;
var price4 = 350.89;

var int_item1 = "";
var int_item2 = "";
var int_item3 = "";
var int_item4 = "";

var total_item1 = 0;
var total_item2 = 0;
var total_item3 = 0;
var total_item4 = 0;

var comm = 0;
var earnings = 0;

//As the user enters a value in the item fields check if the number of items entered by the user is less than zero
function checkNumItems(){
    if(document.getElementById('item1').value < 0 || document.getElementById('item2').value < 0 || document.getElementById('item3').value < 0 || document.getElementById('item4').value < 0){
        //Display an error message if either one of the items is less than zero
        document.getElementById('msg').innerHTML = "Error: Values cannot be less than 0";
        //Disable the submit button if either one of the items is less than zero
        document.getElementById("submitBtn").disabled = true;
    }else{
        //Remove (or do not display) an error message if all items are more than 0
        document.getElementById('msg').innerHTML = "";
        //Enable submit button if all items are greater than zero
        document.getElementById("submitBtn").disabled = false;
}   }

//Function used to calculate  and fill in all fields when the user press Submit
function calculate(){
    //Get the values the user entered 
    num_item1 = document.getElementById('item1').value;
    num_item2 = document.getElementById('item2').value;
    num_item3 = document.getElementById('item3').value;
    num_item4 = document.getElementById('item4').value;     

    //Set the values into the fields of the column 'Number Sold'
    document.getElementById('int_item1').value = num_item1;
    document.getElementById('int_item2').value = num_item2;
    document.getElementById('int_item3').value = num_item3;
    document.getElementById('int_item4').value = num_item4;

    //Calculate the total for each item
    total_item1 = num_item1 * price1;
    total_item2 = num_item2 * price2;
    total_item3 = num_item3 * price3;
    total_item4 = num_item4 * price4;

    //Set the total for each fields of the 'Total' column
    document.getElementById('total_item1').value = total_item1;
    document.getElementById('total_item2').value = total_item2;
    document.getElementById('total_item3').value = total_item3;
    document.getElementById('total_item4').value = total_item4; 

    //Calculate the 'Total Amount Sold' field
    amountSold = total_item1 + total_item2 + total_item3 + total_item4;

    //Set (fill in) the 'Total Amount Sold' field
    document.getElementById('final_total').value = amountSold;

    //Calculate the commission
    comm = Math.floor(9/amountSold*100);

    //Caclulate the earnings
    earnings = amountSold + comm + 200;

    //Set the 'Total Weekly Earnings' field
    document.getElementById('salary').value = earnings;

}

//Function used to Reset the fields the salesperson enters when they press Reset
function reset(){
    document.getElementById('item1').value = 0;
    document.getElementById('item2').value = 0;
    document.getElementById('item3').value = 0;
    document.getElementById('item4').value = 0; 
}
</script>

销售佣金计算器

销售员：




输入每个项目编号的销售项目数：
第1项：

第2项：

第3项：

第4项：







项目#
价格
售出数量
全部的
1.
$239.99
2.
$129.75
3.
$99.95
4.
$350.89
销售总额：
每周总收入：


//声明并初始化所有变量
var num_item1=“”；
var num_item2=“”；
var num_item3=“”；
var num_item4=“”；
var价格1=239.99；
var价格2=129.75；
var价格3=99.95；
var价格4=350.89；
var int_item1=“”；
var int_item2=“”；
var int_item3=“”；
var int_item4=“”；
var total_item1=0；
var total_item2=0；
var total_item3=0；
var total_item4=0；
var-comm=0；
var收益=0；
//当用户在项目字段中输入值时，检查用户输入的项目数是否小于零
函数checkNumItems（）{
if（document.getElementById（'item1'）。value<0 | | document.getElementById（'item2'）。value<0 | | document.getElementById（'item3'）。value<0 | | document.getElementById（'item4'）。value<0）{
//如果其中一项小于零，则显示错误消息
document.getElementById（'msg'）.innerHTML=“错误：值不能小于0”；
//如果其中一项小于零，则禁用“提交”按钮
document.getElementById（“submitBtn”）.disabled=true；
}否则{
//如果所有项目都超过0，则删除（或不显示）错误消息
document.getElementById（'msg'）.innerHTML=“”；
//如果所有项目都大于零，则启用“提交”按钮
document.getElementById（“submitBtn”）.disabled=false；
}   }
//当用户按Submit时，用于计算和填写所有字段的函数
函数计算（）{
//获取用户输入的值
num_item1=document.getElementById（'item1'）.value；
num_item2=document.getElementById（'item2'）.value；
num_item3=document.getElementById（'item3'）.value；
num_item4=document.getElementById（'item4'）.value；
//将值设置到“售出数量”列的字段中
document.getElementById（'int_item1'）。value=num_item1；
document.getElementById（'int_item2'）。value=num_item2；
document.getElementById（'int_item3'）。value=num_item3；
document.getElementById（'int_item4'）。value=num_item4；
//计算每个项目的总数
总计项目1=数量项目1*价格1；
总计项目2=数量项目2*价格2；
总计项目3=数量项目3*价格3；
总计项目4=数量项目4*价格4；
//设置“总计”列中每个字段的总计
document.getElementById（'total_item1'）。value=total_item1；
document.getElementById（'total_item2'）。value=total_item2；
document.getElementById（'total_item3'）。value=total_item3；
document.getElementById（'total_item4'）。value=total_item4；
//计算“销售总额”字段
销售金额=总计项目1+总计项目2+总计项目3+总计项目4；
//设置（填写）“销售总额”字段
document.getElementById（'final_total'）。值=售出金额；
//计算佣金
通信=数学楼层（9/售出数量*100）；
//哄骗收入
收益=销售量+通信量+200；
//设置“每周总收入”字段
document.getElementById（'salary'）。value=收益；
}
//用于重置销售人员在按Reset时输入的字段的功能
函数重置（）{
document.getElementById（'item1'）。值=0；
document.getElementById（'item2'）。值=0；
document.getElementById（'i