Javascript计算函数不计算

Javascript计算函数不计算,javascript,html,function,Javascript,Html,Function,我最近一直在做一个项目,这个项目让我经历了无数个小时的挫折。任务是创建一个网页,根据用户选择的不同单选按钮/复选框计算用户的总成本 那么,假设我的所有其他函数和常量都是正确的,那么我的函数或函数调用是否有任何问题 HTML 请查看代码,仅在注释中提出小疑问。否则,请提出一个新问题 var销售税税率=0.1, 所选的最大车间数量=3; 风险值数据={ A:10, 产品B:20, C:25, }; var prod=document.getElementsByClassName('prod'),

我最近一直在做一个项目,这个项目让我经历了无数个小时的挫折。任务是创建一个网页,根据用户选择的不同单选按钮/复选框计算用户的总成本

那么,假设我的所有其他函数和常量都是正确的,那么我的函数或函数调用是否有任何问题

HTML
请查看代码,仅在注释中提出小疑问。否则,请提出一个新问题

var销售税税率=0.1,
所选的最大车间数量=3;
风险值数据={
A:10,
产品B:20,
C:25,
};
var prod=document.getElementsByClassName('prod'),
税=$(“税”),
workshopTotal=$(“workshopTotal”),
住宿总额=$(“住宿总额”),
折扣=$(“折扣”),
salesTaxAmount=$(“salesTaxAmount”),
总计=$(“总计”),
workshopError=$(“workshopError”),
out=document.getElementsByClassName('out');
$(“inputButton”).addEventListener(“单击”,计算);
clearOutput();
函数$(elementName){
返回文档.getElementById(elementName);
}
函数计算(){
clearOutput();
如果(选中WorkshopSelected()>=选中的最大车间数){
workshopError.innerHTML=“*所选车间超过最大值”+所选车间的最大值;
返回;
}else if(选中WorkshopSelected()==0){
workshopError.innerHTML=“*未选择任何车间”;
返回;
}
var workshopCost=calculateWorkshopTotalCost();
var LodingCost=CalculateLodingCost();
var小计=车间成本+住宿成本;
var discentrate=calculateDiscentrate();
var折扣额=小计*折扣额;
增值税=0;
如果(tax.checked==false){
销售税=(小计-折扣额)*销售税税率;
}
var totalCost=小计-折扣额+销售税;
输出价格(车间总价、车间成本);
输出价格(住宿总额、住宿成本);
输出价格(折扣、折扣金额);
输出价格(销售税金额、销售税);
输出价格(总成本、总成本);
}
函数clearOutput(){

对于(var i=0;i请查看代码,仅在注释中提出小疑问。否则,请提出新问题

var销售税税率=0.1,
所选的最大车间数量=3;
风险值数据={
A:10,
产品B:20,
C:25,
};
var prod=document.getElementsByClassName('prod'),
税=$(“税”),
workshopTotal=$(“workshopTotal”),
住宿总额=$(“住宿总额”),
折扣=$(“折扣”),
salesTaxAmount=$(“salesTaxAmount”),
总计=$(“总计”),
workshopError=$(“workshopError”),
out=document.getElementsByClassName('out');
$(“inputButton”).addEventListener(“单击”,计算);
clearOutput();
函数$(elementName){
返回文档.getElementById(elementName);
}
函数计算(){
clearOutput();
如果(选中WorkshopSelected()>=选中的最大车间数){
workshopError.innerHTML=“*所选车间超过最大值”+所选车间的最大值;
返回;
}else if(选中WorkshopSelected()==0){
workshopError.innerHTML=“*未选择任何车间”;
返回;
}
var workshopCost=calculateWorkshopTotalCost();
var LodingCost=CalculateLodingCost();
var小计=车间成本+住宿成本;
var discentrate=calculateDiscentrate();
var折扣额=小计*折扣额;
增值税=0;
如果(tax.checked==false){
销售税=(小计-折扣额)*销售税税率;
}
var totalCost=小计-折扣额+销售税;
输出价格(车间总价、车间成本);
输出价格(住宿总额、住宿成本);
输出价格(折扣、折扣金额);
输出价格(销售税金额、销售税);
输出价格(总成本、总成本);
}
函数clearOutput(){

对于(var i=0;i
$(…)[0]。innerHTML=…
jQuery对象没有
innerHTML
属性,
HtmleElement
s。使用
[0]
获取底层的
HTMLElement
。尝试使用浏览器控制台和调试器查找问题。按f12在浏览器中打开开发人员工具,查看控制台中写入的内容
$(…)[0]。innerHTML=…
jQuery对象没有
innerHTML
属性,
HTMLElement
s do。使用
[0]
获取底层
HTMLElement
。尝试使用浏览器控制台和调试器查找问题。按f12在浏览器中打开开发人员工具,查看控制台中写入的内容
   <input type = "button" value = "Submit" onclick="calculate();">

    <table>
      <tr><td>Workshop Total:</td>        <td><div id="divWorkshopTotal"></div></td></tr>
      <tr><td>Lodging Total:</td>         <td><div id="divLodgingTotal"></div></td></tr>
      <tr><td>Discount Amount:</td>       <td><div id="divDiscount"></div></td></tr>
      <tr><td>Sales Tax Amount:</td>      <td><div id="divSalesTaxAmount"></div></td></tr>  
      <tr><td>Total Due:</td>             <td><div id="divTotal"></div></td></tr>
    </table>
 function $(elementName){
return document.getElementById(elementName);
}

function calculate(){

clearOutput();

if (checkWorkshopSelected() > 3){
    $("divWorkshopError").innerHTML = "* Selected workshops exceeds maximum of " + MAXIMUM_WORKSHOPS_SELECTED;
    return;
} else if (checkWorkshopSelected() == 0){
    $("divWorkshopError").innerHTML = "* No workshop(s) selected";
    return;
}

var workshopCost = calculateWorkshopTotalCost();
var lodgingCost =  calculateLodgingCost();
var subtotal =  workshopCost + lodgingCost;
var discountRate = calculateDiscountRate();
var discountAmount = subtotal * discountRate;

if ($("chkTaxExempt").checked == false){
    var salesTaxAmount = (subtotal - discountAmount) * SALES_TAX_RATE;
    }

var totalCost = subtotal - discountAmount + salesTaxAmount;

$("divWorkshopTotal").innerHTML = workshopCost;
$("divLodgingTotal").innerHTML = lodgingCost;
$("divDiscount").innerHTML = discountAmount;
$("divSalesTaxAmount").innerHTML = salesTaxAmount;
$("divTotal").innerHTML = totalCost;
}