nicht angemeldet
Das ist mein bisheriger Code. Nun möchte ich, dass in die ol(weit am Ende des Codes) die Rechnung die ich in den Taschenrechner eingegeben habe aufgeführt wird. Ich habe es schon mit createElement() und auch mit appendChild() probiert hatte jedoch keinen Erfolg.
<!DOCTYPE html>
<html>
<head>
<link type =”text/css” rel=”stylesheet” href=”stylesheet.css”/>
<title> Taschenrechner </title>
<script type="text/javascript">
function calculate()
{
wert1 = parseFloat(document.TaschenrechnerFormular.Eingabe1.value);
wert2 = parseFloat(document.TaschenrechnerFormular.Eingabe2.value);
var erg;
if(document.TaschenrechnerFormular.Auswahl.value === "PLUS"){
erg = wert1 + wert2;
document.TaschenrechnerFormular.Ergebnis.value = erg;
} else if(document.TaschenrechnerFormular.Auswahl.value === "MINUS"){
erg = wert1 - wert2;
document.TaschenrechnerFormular.Ergebnis.value = erg;
} else{
erg = Math.pow(wert1, wert2);
}
}
</script>
</head>
<body>
<h1> Aufgabe 1 </h1>
<form name="TaschenrechnerFormular" action="calculate()">
<input name="Eingabe1" type="number" size="20" maxlenght="20" style="border: 1px dashed #008030;">
<select name="Auswahl">
<option value=" "> </option>
<option value="PLUS">PLUS</option>
<option value="MINUS">MINUS</option>
<option value="POTENZ">POTENZ</option>
</select>
<input name="Eingabe2" type="number" size="20" maxlenght="20" style="border: 1px dashed #008030;">
<p style="position: absolute; left: 200px; top:100px; right: 1380px;"> = </p>
<input name="Ergebnis" type="Text" style="position: absolute; left: 130px; top:150px; right: 1380px;" size="20" maxlenght="20" readonly>
<input type="reset" style="position: absolute; left: 10px; top:200px; right: 1380px;" value="Formular zurücksetzen">
<input type="button" style="position: absolute; left: 300px; top:200px; right: 1380px;" value="absenden" onclick="calculate()">
</form>
<h2 style="position: absolute;top: 250px;"> Bisherige Berechnungen: </h2>
<ol id="Historie" sytle="position: absolute;bottom: 1500px;">
</ol>
</body>
</html>