08.01.2023, 11:42
Code:
<!DOCTYPE html><html lang="de">
<head>
<meta charset="utf-8">
<title>Aufg 5: Plus Minus</title>
<link rel="stylesheet" href="js4.css">
<script>
function rechnen()
{
let tx;
if(r1.checked) tx = r1.value;
else if(r2.checked) tx = r2.value;
else if(r3.checked) tx = r3.value;
else if(r4.checked) tx = r4.value;
let zahl1, zahl2;
if(eingabe1.value == "" || isNaN(eingabe1.value))
zahl1 = 0;
else
zahl1 = parseFloat(eingabe1.value);
if(eingabe2.value == "" || isNaN(eingabe2.value))
zahl2 = 0;
else
zahl2 = parseFloat(eingabe2.value);
if (tx == "Addition") ausgabe.value = zahl1 + zahl2;
else if (tx == "Subtraktion") ausgabe.value = zahl1 - zahl2;
else if (tx == "Multiplikation") ausgabe.value = zahl1 * zahl2;
else if (tx == "Division") ausgabe.value = zahl1 / zahl2;
// Werden die folgenden zwei Zeilen aktiviert, kommt es zu einem unerwünschten Seitenwechsel.
// if (ausgabe.value >= 0) document.write("Das Ergebnis ist positiv.")
// else document.write("Das Ergebnis ist negativ.");
}
</script>
</head>
<body>
<form>
<p><input id="idAddition" name="operation" type="radio"
value="Addition" checked="checked">Plus
<input id="idSubtraktion" name="operation" type="radio"
value="Subtraktion">Minus
<input id="idMultiplikation" name="operation" type="radio"
value="Multiplikation">Mal
<input id="idDivision" name="operation" type="radio"
value="Division">Geteilt</p>
<p><input id="idEingabe1"> Erste Zahl</p>
<p><input id="idEingabe2"> Zweite Zahl</p>
<p><input id="idRechnen" type="button" value="Rechnen"></p>
<p><input id="idAusgabe" disabled> Ausgabe</p>
</form>
<script>
const r1 = document.getElementById("idAddition");
const r2 = document.getElementById("idSubtraktion");
const r3 = document.getElementById("idMultiplikation");
const r4 = document.getElementById("idDivision");
const eingabe1 = document.getElementById("idEingabe1");
const eingabe2 = document.getElementById("idEingabe2");
const ausgabe = document.getElementById("idAusgabe");
const re = document.getElementById("idRechnen");
re.addEventListener("click", rechnen);
</script>
</body>
</html>Wie platziere ich diesen Satz auf Seite 1 unter dem Rechenergebnis?