HTML 按钮不起作用



这是简单的html代码,我最近才开始学习编写这些代码。所有物理属性都适用于此 GUI,但我的某些按钮不起作用。第一个工作,第二个不工作,第一个无线电工作(有点,答案是缺少y信息),第二个无线电不工作,第三个按钮不工作。任何关于我可能做错什么的见解将不胜感激!!

<html>
<head>
</head>
<body>
<form name="form1"> 
<table>
<tr>
 <td> <b><font color="00FF00">Enter the value for A</font></b> </td>
 <td> <input type="text" name="box1" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr>
 <td> <i><font color="00FF00">Enter the value for B</font></i> </td>
 <td> <input type="text" name="box2" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr>
 <td> <b><i><font color="00FF00">Enter the value for C</font></i></b> </td>
 <td> <input type="text" name="box3" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr>
 <td> <input type="button" name="button1" size="8" style="width:100%; background-color:FFC0FF; color:FF0000" value="Click here to calculate value for X" OnClick="
    var a = parseFloat(document.form1.box1.value);
    var b = parseFloat(document.form1.box2.value);
    var c = parseFloat(document.form1.box3.value);
    var x = ((12*b*b - 4*b*c + ((b*a*c) / (b-c))) / (5-20*a*a)) - 5*a*a*b*b*c*c;
    document.form1.box4.value = x;
   "/> </td>
 <td> <input type="text" name="box4" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr>
 <td> <input type="button" name="button2" size="8" style="width:100%; background-color:FFC0FF; color:FF0000" value="Click here to calculate Y value" OnClick="
    var a = parseFloat(document.form1.box1.value);
    var b = parseFloat(document.form1.box2.value);
    var c = parseFloat(document.form1.box3.value);
    var y = ((5*a*c ((a*b*c + 2*c*c) / (5*a+b))) / (((1+a*a) / (b+c+1)) + ((1-3*c) / (2*b-4*c-2)))) - 10*a - ((b*c)/2);
    document.form1.box5.value = y;
   "/> </td>
 <td> <input type="text" name="box5" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr>
 <td> <input type="radio" name="radio1" OnClick="
    var x = parseFloat(document.form1.box4.value);
    var y = parseFloat(document.form1.box5.value);
    var total = x-y;
    document.form1.box6.value = total;
   "/> <font color="00FF00">Select to show X-Y</font> </td>
 <td> <input type="text" name="box6" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr> 
 <td> <input type="radio" name="radio2" OnClick="
    var x = parseFloat(document.form1.box4.value);
    var y = parseFloat(document.form1.box5.value);
    var tot = x*y;
    document.form1.box7.value = tot;
   "/> <font color="00FF00">Select to show X*Y</font> </td>
 <td> <input type="text" name="box7" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
<tr>
 <td> <input type="button" name="button3" size="8" style="width:100%; background-color:FFC0FF; color:FF0000" value="Click to get A+B+C" OnClick"
    var a = parseFloat(document.form1.box1.value);
    var b = parseFloat(document.form1.box2.value);
    var c = parseFloat(document.form1.box3.value);
    var sum = a + b + c;
    document.form1.box8.value = sum;
   "/> </td>
 <td> <input type="text" name="box8" style="width:100%; background-color:C0C0FF; color:00FF00" size="8" value="0" OnChange=""/> </td>
</tr>
</table> 
</form>
</body>
</html>

此代码无效(您没有关闭所有打开的应答器)。您是否在表单上设置了操作属性?事件是"点击"。关键字是"var"。你不能像这样在纯javascript中检索DOM元素,例如,你需要调用"getElementById"。

希望它能有所帮助。

第二个函数中缺少运算符,介于 5*a*c 和 ((a*b*c... ;

var y = ((5*a*c (which operator here) ((a*b*c + 2*c*c) / (5*a+b))) / (((1+a*a) / (b+c+1)) + ((1-3*c) / (2*b-4*c-2)))) - 10*a - ((b*c)/2);

最后一个按钮的 OnClick 缺少"="符号;

<td>
    <input type="button" name="button3" size="8" style="width:100%; background-color:FFC0FF; color:FF0000" value="Click to get A+B+C" OnClick="
    var a = parseFloat(document.form1.box1.value);
    var b = parseFloat(document.form1.box2.value);
    var c = parseFloat(document.form1.box3.value);
    var sum = a + b + c;
    document.form1.box8.value = sum;
   "/>
</td>

步入 CSS 文件检查元素在浏览器
上打开它并尝试从其他属性中删除 CSS 属性,直到它可以单击为止没有其他解决方案,那么这个就我而言我删除了设置为位置的其他元素的属性:绝对我删除了它,现在它正在工作如果您仍然需要帮助,请随时询问

相关内容

  • 没有找到相关文章

最新更新