当点击按钮时,只显示第一个结果,按钮和第二个结果消失。 显示以下错误“Uncaught TypeError: Cannot set property 'value' of null” 我怎样才能避免这种情况?
HTML
<!DOCTYPE html>
<html>
<link rel="stylesheet" type="text/css">
<meta charset="utf-8">
<body>
<script src="formBuilder.js"></script>
<label for="Volumenstrom">Volumenstrom: </label>
<input type="number" id="Volumenstrom" name="Volumenstrom">
<label for="Betriebsdruck">Betriebsdruck: </label>
<input type="number" id="Betriebsdruck" name="Betriebsdruck">
<label for="Betriebstemperatur">Betriebstemperatur: </label>
<input type="number" id="Betriebstemperatur" name="Betriebstemperatur">
<h1> Berechnung für Gase im Normzustand </h1>
<form>
<h2> Ergebnis der Berechnung </h2>
<label for="eqVolumenstrom">equiv. Wasservolumenstrom: </label>
<output name"eqVolumenstrom" id="eqVolumenstrom">
<label for="Druckverlust">Druckverlust: </label>
<output name="Druckverlust" id="Druckverlust">
<button onclick="wasservolumen()"; >Berechnen</button>
</form>
</body>
</html>
Java
function wasservolumen() {
var volumen = parseInt(document.getElementById("Volumenstrom").value);
var druck = parseInt(document.getElementById("Betriebsdruck").value);
var temperatur = parseInt(document.getElementById("Betriebstemperatur").value);
var wvolumen = volumen + druck + temperatur;
var dverlust = druck * temperatur;
console.log(volumen);
console.log(druck);
console.log(temperatur);
console.log(wvolumen);
console.log(dverlust);
document.getElementById("eqVolumenstrom").value = wvolumen;
document.getElementById("Druckverlust").value = dverlust;
}
最佳答案
把分号移到这里
<button onclick="wasservolumen();">Berechnen</button>
这个html元素的name属性也没有=
<output name"eqVolumenstrom" id="eqVolumenstrom"></output>
到
<output name="eqVolumenstrom" id="eqVolumenstrom"></output>
将表单方法更改为发布<form method="post">
关于javascript - 单击时输出字段和按钮消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42564325/