Javascript无法运行

Javascript无法运行,javascript,html,dom,dom-events,Javascript,Html,Dom,Dom Events,我试图开发一个网页,计算折扣价格,并显示在网页上。最主要的是使用相同的onclick事件触发两个函数,但它不会运行,因为我是初学者,我不知道函数是否编写错误或是其他原因。我需要在一个id=“折扣”中显示折扣百分比,在另一个id=“结果”中显示折扣价格。我不知道我把事情搞砸了,如果能帮上忙,我们将不胜感激 函数计算(){ var product_name=document.getElementById('name').value; var product_price=document.getEl

我试图开发一个网页,计算折扣价格,并显示在网页上。最主要的是使用相同的
onclick
事件触发两个函数,但它不会运行,因为我是初学者,我不知道函数是否编写错误或是其他原因。我需要在一个
id=“折扣”
中显示折扣百分比,在另一个
id=“结果”
中显示折扣价格。我不知道我把事情搞砸了,如果能帮上忙,我们将不胜感激

函数计算(){
var product_name=document.getElementById('name').value;
var product_price=document.getElementById('price').value;
var select=document.getElementById(“销售”);
var selected=select.options[select.selectedIndex].value;
如果(所选==夏季){
var折扣价格=产品价格-(产品价格*0.10);
}else if(选定==新年){
var折扣价格=产品价格-(产品价格*0.05);
}否则{
var折扣价格=产品价格-(产品价格*0.15);
}
//身体。。。
}
功能显示(销售){
如果(所选==夏季){
document.getElementById(“折扣”).innerHTML=“折扣为10%”;
}else if(选定==新年){
document.getElementById(“折扣”).innerHTML=“折扣为5%”;
}否则{
document.getElementById(“折扣”).innerHTML=“折扣为15%”;
}
}

折扣价
品名
产品价格
时令
夏季大减价
新年大甩卖
清仓大甩卖

打折
只需在函数范围外定义所选变量,并在引号(““或”)中使用字符串

编辑:请阅读有关范围的内容。您应该在函数可以访问的地方定义所选变量。另外,当您在js中使用字符串时,您应该将它们包装在“”中,请仔细检查您的代码,应用它,如果您有任何其他问题,请返回这里

编辑2:如果您不想提交任何内容,也不要在按钮元素中键入=“提交”。如果你想用javascript提交表单,你可以为你的表单设置一个id,在js中获取元素,并使用元素的提交功能

var选择;
函数计算(){
var product_name=document.getElementById('name').value;
var product_price=document.getElementById('price').value;
var select=document.getElementById(“销售”);
selected=select.options[select.selectedIndex].value;
如果(所选==“夏季”){
var折扣价格=产品价格-(产品价格*0.10);
}else if(所选=='newyear'){
var折扣价格=产品价格-(产品价格*0.05);
}否则{
var折扣价格=产品价格-(产品价格*0.15);
}
//身体。。。
}
功能显示(销售){
如果(所选==“夏季”){
document.getElementById(“折扣”).innerHTML=“折扣为10%”;
}else if(所选=='newyear'){
document.getElementById(“折扣”).innerHTML=“折扣为5%”;
}否则{
document.getElementById(“折扣”).innerHTML=“折扣为15%”;
}
}

折扣价
品名
产品价格
时令
夏季大减价
新年大甩卖
清仓大甩卖

打折

只需在函数范围外定义所选变量,并在引号(““或”)中使用字符串

编辑:请阅读有关范围的内容。您应该在函数可以访问的地方定义所选变量。另外,当您在js中使用字符串时,您应该将它们包装在“”中,请仔细检查您的代码,应用它,如果您有任何其他问题,请返回这里

编辑2:如果您不想提交任何内容,也不要在按钮元素中键入=“提交”。如果你想用javascript提交表单,你可以为你的表单设置一个id,在js中获取元素,并使用元素的提交功能

var选择;
函数计算(){
var product_name=document.getElementById('name').value;
var product_price=document.getElementById('price').value;
var select=document.getElementById(“销售”);
selected=select.options[select.selectedIndex].value;
如果(所选==“夏季”){
var折扣价格=产品价格-(产品价格*0.10);
}else if(所选=='newyear'){
var折扣价格=产品价格-(产品价格*0.05);
}否则{
var折扣价格=产品价格-(产品价格*0.15);
}
//身体。。。
}
功能显示(销售){
如果(所选==“夏季”){
document.getElementById(“折扣”).innerHTML=“折扣为10%”;
}else if(所选=='newyear'){
document.getElementById(“折扣”).innerHTML=“折扣为5%”;
}否则{
document.getElementById(“折扣”).innerHTML=“折扣为15%”;
}
}

折扣价
品名
产品价格
时令
夏季大减价
新年大甩卖
清仓大甩卖

打折


单击按钮,检查开发人员工具控制台-查看错误
参考错误:未定义选定的
-这是因为您使用了未定义的变量
选定的
。提示:
summer
newyear
也没有定义我已经在脚本中定义了,不会