0
ボタンをクリックすると、拳の結果のみが表示されますが、ボタンと2番目の結果は消えます。 次のエラーが表示されます。 "Uncaught TypeError：ヌルの 'value'プロパティを設定できません" どうすればこの問題を回避できますか？クリックすると出力フィールドとボタンが消えます
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;
}
ご意見ありがとうございます。私はコードを修正しましたが、問題を解決しません。 – jnie2000
もう一度あなたのコードを見て回って、最初の2つのヴァーがこれを持っています（文書を削除してください（ –
私は上記のコードを更新しました。 – jnie2000