javascript - 计算总的Onclick Javascript

我正在学习Javascript，但对这门语言还是很陌生。
在我的HTML代码中，我有两个列表。
在第一个选择列表中，选择所需的产品
在第二个步骤中，选择所需的产品数量。

我试图编写执行以下操作的JavaScript代码:

获取产品值并将其分配给变量

获取产品的nr并将其分配给变量

产品值乘以产品数量

当用户单击“提交”时，将显示一个带有

总数的警报框

但是，当用户单击“提交”按钮时，我的代码不起作用，我收到消息NaN而不是总额变量的结果
请您看看我的代码并告诉我我做错了什么

<script type="text/javascript">
function calc()
{
   var total;
   var fruitOrVeg;
   var nrOfFruit;

   course = document.getElementsByName("fruitOrVeg.course.value")
   nrOfFruit = document.getElementsByName("nrOfFruit")

   total = fruitOrVeg * nrOfFruit;

   window.alert(total)
}
</script>

最佳答案

您将值作为字符串(而不是数字)使用，并且未使用“fruitOrVeg”。另外(稍后会注意到/有新注释)当您确实要对要让javascript直接和专门从中获取数据的元素真正使用ID时，便使用了名称，然后相应地更新了js。试试这个:

function calc() {
    var fruitOrVeg = Number(document.getElementsById("fruitOrVeg").value);
    var nrOfFruit = Number(document.getElementsById("nrOfFruit").value);

    var total = fruitOrVeg * nrOfFruit;

    window.alert(total)
}