极客观点
项目管理
HarmonyOS
我在用 JS 计算一些东西并从输入字段（数字）中获取正确的值时遇到了一些问题。当我使用此代码时，它没有显示任何内容。那么我的 JS 有什么问题呢？我需要包含一个 jQuery 文件吗？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
</head>
<body>
<form id="frm1" action="Calculate.html">
<table width="350px" border="1px">
<tr>
<th colspan="2">Availability</th>
</tr>
<tr>
<td>Total Production Time</td>
<td><input type="number" name="TotalProductionTime" placeholder=""> hours</td>
</tr>
<tr>
<td>Breaks</td>
<td><input type="number" name="Breaks" placeholder=""> minutes</td>
</tr>
<tr>
<td>Malfunctions</td>
<td><input type="number" name="Malfunctions" placeholder=""> minutes</td>
</tr>
<tr>
<td>Theoretical production time:</td>
<td><p id="test"></p></td>
</tr>
</table>
<input type="button" onclick="Calculate()" name="Calculate" value="calculate">
<script>
function Calculate()
{
var TotalProductionTime = document.getElementById("TotalProductionTime").value;
var TotalProductionTimeInMinutes = TotalProductionTime * 60;
var Breaks = document.getElementById("Breaks").value;
var Malfunctions = document.getElementById("Malfunctions").value;
var TheoreticalProductionTime = TotalProductionTimeInMinutes - Breaks - Malfunctions;
document.getElementById("test").innerHTML = TheoreticalProductionTime;
}
</script>
</body>
</html>
原文由 Bart 发布，翻译遵循 CC BY-SA 4.0 许可协议
您的 HTML 中有一些错误，但这是一个有效的 JSFiddle： Fiddle
你试图通过他们的 ID 获取元素，但你没有给他们一个 ID，而是给他们一个名字。另外，停止使用内联 JavaScript 调用；这是不好的做法。