咖啡的Javascript订单总计无法使函数工作。请协助_Javascript_Html_Function

咖啡的Javascript订单总计无法使函数工作。请协助

javascript html function

咖啡的Javascript订单总计无法使函数工作。请协助,javascript,html,function,Javascript,Html,Function,好的，这是我家庭作业中javascript部分的任务 Javascript函数将：取三个参数：名称、饮料类型和额外注射次数检查以确保提供了名称，如果没有名称，则通知用户根据订购的类型计算饮料价格根据订购的额外镜头数量增加额外成本计算饮料总量时提醒用户。它将通知用户所订购的饮料、额外注射的数量以及订购的总成本以下是编程所需的信息：供应的饮料和价格a。拿铁=300美元。Americano=2.00加元。卡布奇诺=每天2.50美元。滴水咖啡=1.50美元额外的意式浓缩咖啡每杯每年0.5

好的，这是我家庭作业中javascript部分的任务

Javascript函数将：

取三个参数：名称、饮料类型和额外注射次数

检查以确保提供了名称，如果没有名称，则通知用户

根据订购的类型计算饮料价格

根据订购的额外镜头数量增加额外成本

计算饮料总量时提醒用户。它将通知用户所订购的饮料、额外注射的数量以及订购的总成本以下是编程所需的信息：

供应的饮料和价格a。拿铁=300美元。Americano=2.00加元。卡布奇诺=每天2.50美元。滴水咖啡=1.50美元

额外的意式浓缩咖啡每杯每年0.50美元。最多只能订购4张额外的照片

这是我的代码，我无法得到我已经尝试了几个小时的javascript部分

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript"> 
function first(drink, shots, customer) { 
    var x = customer.value; 
    if (x == '' || x == 'null') { 
        alert("Yo enter a name."); 
    }
    else { 
        if (drink == "0") { 
            price = 3; 
        } else if (drink == "1") { 
            price = 2; 
        } else if (drink == "2") { 
            price = 2.50; 
        } else { 
            price = 1.50; 
        } 
        if(shots > 0) { 
            Price= price + (shots * 0.5) 
        } else { 
            alert ("Thank you"); 
        } 
    }
}
</script>
</head>
<body>
<form>
<h1>Javascript calculating Function: Calculate the cost of a coffee drinks using Javascript.</h1>
<p>What would you like to order?</p>

<select id="drink">

    <option value="0" id="0">Latte</option>
    <option value="1" id="1">Americano</option>
    <option value="2" id="2">Cappuccino</option>
    <option value="3" id="3">Drip Coffee</option>

</select>

<br>
<br>

<select id="shots">

    <option value="0" id="0">No Extra</option>
    <option value="1" id="1">1</option>
    <option value="2" id="2">2</option>
    <option value="3" id="3">3</option>
    <option value="4" id="4">4</option>

</select>

<br>
<br>

<p>Enter name here:</p>

<input id="customer" value="customer" type="text"/>

<br>

 <br>

    <button onclick="first(drink, shots, customer)">Complete Order</button>

    </form>
    </body>
    </html>


功能优先（饮料、饮料、顾客）{
var x=客户价值；
如果（x=''| | x=='null'）{
警报（“输入名称”）；
}
否则{
如果（饮料==“0”）{
价格=3；
}如果（饮料=“1”）{
价格=2；
}如果（饮料=“2”）{
价格=2.50；
}否则{
价格=1.50；
} 
如果（快照>0）{
价格=价格+（镜头*0.5）
}否则{
警惕（“谢谢”）；
} 
}
}
Javascript计算函数：使用Javascript计算咖啡饮料的成本。
您想要点什么
<option value="0" id="0">Latte</option>
<option value="1" id="1">Americano</option>
<option value="2" id="2">Cappuccino</option>
<option value="3" id="3">Drip Coffee</option>

拿铁
美式咖啡
意大利泡沫咖啡
滴咖啡




没有额外的
1.
2.
3.
4.




在此处输入名称：




完整命令

感谢您的帮助，提前谢谢

您需要从输入字段中获取

first（）

的参数

<button onclick="first(document.getElementById('drink').value, document.getElementById('shots').value, document.getElementById('customer'))">Complete Order</button>

完成订单

试试这个

<h1>Javascript calculating Function: Calculate the cost of a coffee drinks using Javascript.</h1>

Javascript计算函数：使用Javascript计算咖啡饮料的成本。

您想要点什么

<option value="0" id="0">Latte</option>
<option value="1" id="1">Americano</option>
<option value="2" id="2">Cappuccino</option>
<option value="3" id="3">Drip Coffee</option>

拿铁
美式咖啡
意大利泡沫咖啡
滴咖啡

无额外费用
1.
2.
3.
4.

在此处输入名称：

完成订单
$（“#提交”）。单击（函数（）
{
var drink=$（“#drink”）.val（）；
var shots=$（“#shots”）.val（）；
var customer=$（“#customer”）.val（）；
var x=客户；
如果（x=''| | x=='null'）
{ 
警报（“输入名称”）；
}
其他的
{ 
如果（饮料==“0”）{price=3；}
如果（饮料=“1”）{price=2；}
如果（饮料=“2”）{price=2.50；}
否则{price=1.50；}
如果（快照>0）
{
价格=价格+（镜头*0.5）
} 
提醒（“您的订单总额为：“+price+”\n谢谢”）；
}
});

在调用函数之前，您没有设置

饮料

、

快照

和

客户

。您需要从

元素的值中获取它们。谢谢！我会解决这个问题，看看我在哪里。

<button id='submit'>Complete Order</button>
<script>
$("#submit").click(function () 
{
    var drink = $("#drink").val();
    var shots = $("#shots").val();
    var customer = $("#customer").val();
    
    var x = customer; 
    if (x == '' || x == 'null') 
    { 
        alert("Yo enter a name."); 
    }
   else 
   { 
       if (drink == "0") { price = 3; } 
       else if (drink == "1") { price = 2; } 
       else if (drink == "2") { price = 2.50; } 
       else { price = 1.50; } 
       if(shots > 0) 
       {
           price= price + (shots * 0.5) 
       } 
       alert ("Your Order Total is : "+price+" \nThank you"); 
       
   }
});
</script>