必须从三种不同的HTML表单中获取数量，然后计算总价。我究竟做错了什么？

Question

我是JavaScript的新手，所以我真的不知道我在做什么。 当我在站点上输入数量并单击按钮时，什么都没有显示。 任何人都可以引导我朝正确的方向前进。 这是代码。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">

<script>
function calculateTotal ()
{
    var balls = parseInt(document.getElementById("soccerballquantity").value);
    var jerseys = parseInt(document.getElementById("soccerjerseyquantity").value);
    var cleats = parseInt(document.getElementById("soccercleatquantity").value);
    var ballTotal = balls * 30;
    var jerseyTotal = jerseys * 100;
    var cleatTotal = cleats * 100;
    var realTotal = ballTotal + jerseyTotal + cleatTotal;
    document.getElementById("test").value=realTotal;
    }

</script>
</head>

<body>


<h2>
<center>
Welcome to my Soccer Store
</center>
</h2>


<div>

<table>
   <tr>
      <th>Product</th>
      <th>Price</th>
      <th>Quantity</th>
   </tr>
  <tr>
      <td>Soccer ball</td>
      <td>$30</td>
      <td><input type="text" value="test" id="soccerballquantity"></td>
   </tr>
   <tr>
  <td>Soccer Jersey</td>
  <td>$100</td>
  <td><input type="text" value="test" id="soccerjerseyquantity"></td>
</tr>
   <tr>
  <td>Soccer Cleats</td>
  <td>$200</td>
  <td><input type="text" value="test" id="soccercleatquantity"></td>
   </tr>
<tr>
<td> <input type="button" value="clickme" onclick="calculateTotal"> </td>
<td> <input type="text" value="test"> </td>
</tr>
</table>

<hr>
<p> <center> Spend $250 or more and get an extra %10 off!! </center> </p>
</div>

</body>

</html>

我知道这真的很烂。 任何帮助，将不胜感激。

Answer 1

2个问题：

您需要在onclick calculateTotal之后添加()
您在目标字段上没有id="test"

工作提琴： http : //jsfiddle.net/Qn4Tv/

必须从三种不同的HTML表单中获取数量，然后计算总价。我究竟做错了什么？

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-06-29 23:43:56

必须从三种不同的HTML表单中获取数量，然后计算总价。 我究竟做错了什么？

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-06-29 23:43:56

必须从三种不同的HTML表单中获取数量，然后计算总价。我究竟做错了什么？

解决方案1
1 已采纳 2014-06-29 23:43:56