dieterblos: Javascript Berechnungen

Beitrag lesen

SELF-Forum

Javascript Berechnungen

dieterblos (Versionen)
– Informationen zu den Bewertungsregeln

Ein Javanovize benötigt Hilfe. Ich habe einen onClick-Zähler. Am Ende übertrage ich das Ergebnis in ein Feld, das mir im Anschluss automatisch zwei Rechenergebnisse anzeigt. Gerne möchte ich mir das Übertragen ersparen und die Rechenergebnisse nach jedem Klick sehen. Hier mein HTML-Code:

<!DOCTYPE HTML><html lang="de"><head><title>onClick</title>
<script>
var clicks = 0;function onClick() {clicks += 1;document.getElementById("clicks").innerHTML = clicks;};
function calculate ()
{var wert1 = document.getElementById('feld1').value;
var erg1 = (100 / wert1) * 2;
var erg1 = Math.round(erg1 * 100) / 100;
document.getElementById('erg1').innerHTML = erg1;
var erg2 = erg1 * 2;
var erg2 = Math.round(erg2 * 100) / 100;
document.getElementById('erg2').innerHTML = erg2;}
</script>
</head>
<body><div><form name="Rechner"><div>
<table><tr>
<td><button type="button" style="height: 20px; width: 125px;" onClick="onClick()">1 - onClick-Z&auml;hler</button>&nbsp;<a id="clicks">0</a></td>
</tr></table><br><table><tr>
<td><button type="button" style="height: 20px; width: 235px;">2 - Z&auml;hler aus 1 manuell &uuml;bertragen</button></td>
<td><input type='text' id='feld1' maxlength='2' size='1' onKeyUp='calculate()'></rd>
</tr></table><table><tr>
<td><button type="button" style="height: 20px; width: 125px;">Rechenergebnis 1</button></td>
<td><input2 type='text' onKeyUp='calculate()'><span id='erg1'></span></td>
</tr></table><table><tr>
<td><button type="button" style="height: 20px; width: 125px;">Rechenergebnis 2</button></td>
<td><input2 type='text' onKeyUp='calculate()'><span id='erg2'></span></td>
</tr></table></div></form></div></body></html>

Im voraus vielen Dank für einen Lösungsvorschlag.

Beitrag melden
–
Informationen zu den Bewertungsregeln