不知道我的简单代码怎么了
[英]Not sure what's wrong with my simple code
问题描述
我不确定我在简单的营业税计算器中做错了什么。 当我按Submit时，我想要显示项目成本加营业税的美元金额，但我看到的total tip $functionround(){[native code]}
//calculation
var total = (itemCost * salesTax + itemCost);
total = Math.round
3 个解决方案
解决方案1
1 2019-07-02 01:41:15
total = Math.round
在上面的行中，您正在将函数Math.round的值分配给变量total。 相反，您可能想将Math.round函数返回的值分配给您的总变量，如下所示：
total = Math.round(total)
解决方案2
0 2019-07-02 02:05:36
如前所述，您需要返回Math.round的总数-但还需要将这些值解析为数字），然后还必须记住营业税是一个百分比-因此必须除以100。
我已将您的逻辑修改为
a）使用parseInt（）将输入的值解析为数字
b）解决math.round（）问题
c）通过将项目成本乘以销售税百分比... itemCost *（salesTax / 100）来获得销售税值
d）将营业税值添加到物料成本...物料成本+（itemCost *（salesTax / 100））...
//Function function calculateTip() { var itemCost = parseInt(document.getElementById("itemCost").value); var salesTax = parseInt(document.getElementById("salesTax").value); //enter values window if (itemCost === "" || salesTax == "") { window.alert("Please enter the values!"); return; } //calculation var total = Math.round(itemCost + (itemCost * salesTax/100)); //display amount document.getElementById("totalTip").style.display = "block"; document.getElementById("amount").innerHTML = total; } //Hide Tip Amount and call our function with a button document.getElementById("totalTip").style.display = "none"; document.getElementById("submit").onclick = function() { calculateTip(); };
</head> <body id="color"> <div class="container" id="contain"> <div class="text-center"> <h1>Sales Tax Calculator</h1> <p> Amount Before Tax?</p> $ <input id="itemCost" type="text" placeholder="item cost"> <p>Sales Tax Percentage?</p> <input id="salesTax" type="text" placeholder="sales tax percent"><br><br> <button type="submit" id="submit">submit</button> </div> <div class="container" ID="totalTip"> <div class="text-center"> <p>Total Tip</p> <sup>$</sup><span id="amount">0.00</span> </div> </div> </div> <script type="text/javascript" src="javascript.js"></script> </body>
解决方案3
0 2019-07-02 02:09:07
您应该在calculation考虑这些代码。 这是一个简单的税收计算器，效果很好：
function fmtPrice(value) { result="$"+Math.floor(value)+"."; var cents=100*(value-Math.floor(value))+0.5; result += Math.floor(cents/10); result += Math.floor(cents%10); return result; } function compute() { var unformatted_tax = (document.forms[0].cost.value)*(document.forms[0].tax.value); document.forms[0].unformatted_tax.value=unformatted_tax; var formatted_tax = fmtPrice(unformatted_tax); document.forms[0].formatted_tax.value=formatted_tax; var cost3= eval( document.forms[0].cost.value ); cost3 += eval( (document.forms[0].cost.value)*(document.forms[0].tax.value) ); var total_cost = fmtPrice(cost3); document.forms[0].total_cost.value=total_cost; } function resetIt() { document.forms[0].cost.value="19.95"; // cost of product document.forms[0].tax.value=".06"; // tax value document.forms[0].unformatted_tax.value=""; document.forms[0].formatted_tax.value=""; document.forms[0].total_cost.value=""; }
<CENTER> <FORM> <TABLE BORDER=2 WIDTH=300 CELLPADDING=3> <TR> <TD align="center"><FONT SIZE=+1><STRONG>Cost</STRONG></FONT> <TD align="center"><FONT SIZE=+1><STRONG>Tax</STRONG></FONT> </TR> <TR> <TD align="center"><INPUT TYPE="text" NAME="cost" VALUE="19.95" SIZE=10> <TD align="center"><INPUT TYPE="text" NAME="tax" VALUE=".06" SIZE=10> </TR> </TABLE> <BR> <TABLE BORDER=1 WIDTH=600 CELLPADDING=3> <TR> <TD align="center"><FONT SIZE=+1><STRONG>Unformatted Tax</STRONG></FONT> <TD align="center"><FONT SIZE=+1><STRONG>Formatted Tax</STRONG></FONT> <TD align="center"><FONT SIZE=+1><STRONG>TOTAL COST</STRONG></FONT> </TR> <TR> <TD align="center"><INPUT TYPE="text" NAME="unformatted_tax" SIZE=15> <TD align="center"><INPUT TYPE="text" NAME="formatted_tax" SIZE=15> <TD align="center"><INPUT TYPE="text" NAME="total_cost" SIZE=15> </TR> </TABLE> <BR> <TABLE BORDER=0 WIDTH=400 CELLPADDING=5> <TR> <TD align="center"><INPUT TYPE="reset" VALUE="RESET" onClick="resetIt()"> <TD align="center"><INPUT TYPE="button" VALUE="COMPUTE" onclick="compute()"> </TR> </TABLE> </CENTER>
这个简单的javascript代码怎么了？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.