<!DOCTYPE html>
<html lang="de">
<head>
<title>Test</title>
<script type="text/javascript">
function bindEvents() {
document.getElementById('strom').addEventListener("change", berechne);
document.getElementById('spannung').addEventListener("change", berechne);
document.getElementById('widerstand').addEventListener("change", berechne);
}
function unbindEvents() {
document.getElementById('strom').removeEventListener("change", berechne);
document.getElementById('spannung').removeEventListener("change", berechne);
document.getElementById('widerstand').removeEventListener("change", berechne);
}
function berechne() {
unbindEvents();
var eingabe_strom = document.getElementById('strom');
var eingabe_spannung = document.getElementById('spannung');
var eingabe_widerstand = document.getElementById('widerstand');
var ergebnis_widerstand = eingabe_spannung.value / eingabe_strom.value;
var ergebnis_strom = eingabe_spannung.value / eingabe_widerstand.value;
var ergebnis_spannung = eingabe_widerstand.value * eingabe_strom.value;
document.getElementById('strom').value = ergebnis_strom;
document.getElementById('spannung').value = ergebnis_spannung;
document.getElementById('widerstand').value = ergebnis_widerstand;
bindEvents();
}
</script>
</head>
<body onload="bindEvents()">
<form>
<label for="spannung">Spannung U:
<input id="spannung" type="number" min="1" max="10000" step="1" value="1">
Volt</label>
<br>
<label for="widerstand">Widerstand R:
<input id="widerstand" type="number" min="1" max="10000" step="1" value="1">
Ohm</label>
<br>
<label for="strom">Stromstärke I:
<input id="strom" type="number" min="1" max="10000" step="1" value="1">
Ampere</label>
<br>
</form>
<p id="ergWiderstand"></p>
<p id="ergStrom"></p>
<p id="ergSpannung"></p>
</body>
</html>