Javascript 我的点击事件不是'；t工作I'；我没有收到他们刚刚赢的任何错误'；行不通_Javascript_Html

Javascript 我的点击事件不是'；t工作I'；我没有收到他们刚刚赢的任何错误'；行不通

javascript html

Javascript 我的点击事件不是'；t工作I'；我没有收到他们刚刚赢的任何错误'；行不通,javascript,html,Javascript,Html,我正在为大学做一个项目，我们必须为一家名为QuickBreaks的公司建立一个网站。它必须允许用户购买15美元或15美元以下的物品。我遇到的问题是，当我单击标签时，什么也没有发生。它应该增加成本，即所谓的c一段 JavaScript: var FirstName; var LastName; var cost = 0.0; function Coke() { if (cost + 2.99 >= 15) { Cost += 2.99; document.getElem

我正在为大学做一个项目，我们必须为一家名为QuickBreaks的公司建立一个网站。它必须允许用户购买15美元或15美元以下的物品。我遇到的问题是，当我单击标签时，什么也没有发生。它应该增加成本，即所谓的

一段

JavaScript:

var FirstName;
var LastName;
var cost = 0.0;

function Coke() {
  if (cost + 2.99 >= 15) {
    Cost += 2.99;
    document.getElementById("c").value = cost;
  }
}

function Sundae() {
  if (cost + 4.40 >= 15) {
    Cost += 4.40;
    document.getElementById("c").innerHTML = cost;
  }
}

function Pizza() {
  if (cost + 7.53 >= 15) {
    cost += 7.53;
    document.getElementById("c").innerHTML = cost;
  }
}

function CheeseBurger() {
  if (cost + 6.52 >= 15) {
    cost += 6.52;
    document.getElementById("c").innerHTML = cost;
  }
}

function Salad() {
  if (cost + 7.47 >= 15) {
    cost += 7.47;
    document.getElementById("c").innerHTML = cost;
  }
}

function Coffee() {
  if (cost + 3.89 >= 15) {
    cost += 3.89;
    document.getElementById("c").innerHTML = cost;
  }
}

function Clear() {
  Cost = 0;
  FirstName = "";
  LastName = "";
}

HTML:


速成午餐


名字：手机：



可口可乐：$2.99圣代：$4.40披萨：$7.53奶酪汉堡：$6.52沙拉：$7.47咖啡：$3.89
你可以花15美元
你花了多少钱



清点

您的代码中有几个错误：

您将

cost

变量设置为零，因此函数中的任何条件都不会计算为true。因此，这些函数可能会起作用，但您不会看到任何结果。修复条件（将

更改为

存在变量错误成本
和成本
以及逻辑错误，请检查并与以下内容进行比较：-

var-FirstName；
var LastName；
风险价值成本=0.0；
功能焦炭（）{
如果（成本+2.99<15）{
成本+=2.99；
document.getElementById（“c”）.innerHTML=成本；
}
}
功能圣代（）{
如果（成本+4.40<15）{
成本+=4.40；
document.getElementById（“c”）.innerHTML=成本；
}
}
函数（）{
如果（成本+7.53<15）{
成本+=7.53；
document.getElementById（“c”）.innerHTML=成本；
}
}
功能奶酪汉堡（）{
如果（成本+6.52<15）{
成本+=6.52；
document.getElementById（“c”）.innerHTML=成本；
}
}
函数salard（）{
如果（成本+7.47<15）{
成本+=7.47；
document.getElementById（“c”）.innerHTML=成本；
}
}
功能咖啡（）{
如果（成本+3.89<15）{
成本+=3.89；
document.getElementById（“c”）.innerHTML=成本；
}
}
函数Clear（）{
成本=0；
FirstName=“”；
LastName=“”；
}

速成午餐


名字：手机：



可口可乐：$2.99圣代：$4.40披萨：$7.53奶酪汉堡：$6.52沙拉：$7.47咖啡：$3.89
你可以花15美元
你花了多少钱



清点
控制台中出现任何错误吗？if（）
条件永远不会是真的。而且，成本应该是成本
，因为Javascript是区分大小写的。我认为=15
应该是而不是将成本设置为100，我认为你应该将=
更改为@Barmar-Hmmm…很好的一点…我关注的是条件是错误的，没有尝试为了解释它。我会更新。HTML中也有各种错误，您没有纠正。！
在doctype中，
在顶部，
在
和之间，重复的ID，等等。@MrLister是的，错误甚至比您提到的还要多，但我只将注意力集中在JavaScript上回答这个问题，因为这些HTML错误不会阻止演示的工作。但是你的笔记对OP很有用。
<!DOCTYPE html!>
<html>

</html>

<head>
  <script type="text/JavaScript" src="JavaScript.js" rel="script"></script>
</head>
<link rel="stylesheet" type="text/css" href="Assesmentcss.css">

<header>
  <h1 id="title"> Quick Breaks Lunches </h1>
  <br>
  <div id="Details" class="Details">
    First name: <input type="text" name="fname"> Mobile: <input type="text" name="lname"><br>
</header>

<body>
  <div id="images">
    <img src="Coke.png" alt="Coke Can" onclick="Coke();">
    <img src="Sundae.png" alt="Sundae" onclick="Sundae();">
    <img src="Pizza.png" alt="Pizza" onclick="Pizza();">
    <br>
  </div>

  <div id="images">
    <img src="CheeseBurger.png" alt="CheeseBurger" onclick="CheeseBurger();">
    <img src="Salad.png" alt="Salad" onclick="Salad();">
    <img src="Coffee.png" alt="Coffee" onclick="Coffee();">
  </div>
  <div Class="Price">
    Coke:$2.99 Sundae:$4.40 Pizza: $7.53 <br> CheeseBurger: $6.52 Salad: $7.47 Coffee: $3.89 <br> You can spend $15
  </div>
  <div Class="amountSpent">
    You Have Spent
    <p id="c"></p>
  </div>

  <div Class="OrderAndClear">
    <br>
    <button type="button">Order </button> <button type="button" onclick="Clear">Clear </button>
  </div>
</body>
<footer>
</footer>