Javascript 应为表达式,得到';}';,can';哪里都找不到错误

Javascript 应为表达式,得到';}';,can';哪里都找不到错误,javascript,html,Javascript,Html,非常基本的JS用户,现在正在为一个类学习,所以忽略对代码的任何优化或任何可以进行的操作。 分配的一部分是创建此按钮,用于计算给定变量的最终成本。点击按钮后,FireFox给了我一个错误:“预期表达式,得到“}” 我没有看到任何开括号或其他语法错误,有什么帮助吗 <button id="totalSales" onclick = " totalCost = (totalCost + burgerOnePrice*Number(burgerOne.value))

非常基本的JS用户,现在正在为一个类学习,所以忽略对代码的任何优化或任何可以进行的操作。 分配的一部分是创建此按钮,用于计算给定变量的最终成本。点击按钮后,FireFox给了我一个错误:“预期表达式,得到“}” 我没有看到任何开括号或其他语法错误,有什么帮助吗

<button id="totalSales" onclick = "
                totalCost = (totalCost + burgerOnePrice*Number(burgerOne.value));
                totalCost = (totalCost + burgerTwoPrice*Number(burgerTwo.value));
                totalCost = (totlCost + burgerThreePrice*Number(burgerThree.value));
                totalCost = totalCost*(1+tip);

                    if (useCard==1) {

                        if (Number(balance.value) >= totalCost) {
                            totalCost = 0;
                            cardBalance = cardBalance-totalCost;
                            balance.value = cardBalance;
                            finalCost.value = totalCost;

                        } else {
                        totalCost = (totalCost-Number(balance.value));
                            balance.value = "$0.00";
                            finalCost.value = totalCost;
                        }

                    } else if (useCard==0) {
                        totalCost = totalCost;
                        finalCost.value = totalCost;
                    }


                 " >Calculate Total</button> 
                 <br>

        <input type="text" id="finalCost" value="" size="3" readonly="true" />
计算总数


第一次在JavaScript中使用
时,您正在结束
onclick=“…”
属性,导致语法错误


您不应该在DOM中塞进那么多JavaScript。将其放入函数中,然后从事件处理程序调用该函数。

在这行
balance.value=“$0.00”
中,您使用的是双引号

这使得浏览器认为,
onclick
就在那里结束了,从那时起,它就无法了解任何事情的头绪

但是你不应该在html里面写那么多代码,我甚至认为你甚至不应该在html元素里面使用
onclick


在一个单独的.js文件中使用
addEventListener
方法更好

不应将javascript代码写入HTML标记中

首先,在script标签中创建js函数

    function myFunction() {
  totalCost = (totalCost + burgerOnePrice * Number(burgerOne.value));
  totalCost = (totalCost + burgerTwoPrice * Number(burgerTwo.value));
  totalCost = (totlCost + burgerThreePrice * Number(burgerThree.value));
  totalCost = totalCost * (1 + tip);

  if (useCard == 1) {

    if (Number(balance.value) >= totalCost) {
      totalCost = 0;
      cardBalance = cardBalance - totalCost;
      balance.value = cardBalance;
      finalCost.value = totalCost;

    } else {
      totalCost = (totalCost - Number(balance.value));
      balance.value = $0.00;
      finalCost.value = totalCost;
    }

  } else if (useCard == 0) {
    totalCost = totalCost;
    finalCost.value = totalCost;
  }

}
然后像这样使用html onclick事件参数

<button onclick="myFunction();" id="totalSales">Calculate Total</button>
计算总数

请将其放入函数中。请请拜托,这个逻辑看起来不正确:totalCost=0;cardBalance=cardBalance总成本;更糟糕的是,他可以把所有的东西都塞进一行