Javascript Rechner

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Javascript Rechner

    Wunderschönen Sonntag Nachtmittag wünsche ich euch

    Mein problem ist folgendes ich habe mit Javasript einen anfangs wert zb. 1000 in einer var geschrieben den ich nun mit einem Click auf einen Button zb. -16 abziehen möchte dies Klappt auch allerdings wenn ich eine 2. function für einen anderen zb -20 wert dazuschreibe wie im folgenden BSP. rechnet er mir wieder den wert von den anfangswert ab also wieder von 1000

    also ich habe mir es so gedacht das ich einen Start Wert habe wie 1000 und dann auf einen Button Clicke mit zb -16 das wenn ich dann auf den anderen Button mit den wert -20 Clicke möchte ich das er das akktuelle ergebnis wieder runterrechnet und nicht wieder von startwert aus??

    Quellcode

    1. var wert = 1000;
    2. var wert2= 16;
    3. var wert3= 20;
    4. function start()
    5. {
    6. var rechnung = (wert-wert2);
    7. document.Form.Eingabe.value = (rechnung);
    8. }
    9. function start2()
    10. {
    11. var rechnung2 = (wert-wert3);
    12. document.Form.Eingabe.value = (rechnung2);
    13. }
    Alles anzeigen


    ------------------------------------------------------Body-

    Quellcode

    1. <form name="Form">
    2. <input type="text" name="Eingabe" value="1000">
    3. </form>
    5. <Button name="button " onClick="start()">-16</Button>
    6. <Button name="button2" onClick="start2()">-20</Button>
    Das Wissen der menschheit ist für die Menschheit *smile*

  • Hi,

    du manipulierst die Wert Variable nicht.
    Du weist Rechnung wert-wert2 zu.
    wert ändert sich aber nicht

    Hier mal meine Lösung.
    Habe außerdem den onclick event umgeschrieben. Ich finde das sieht schöner aus. Vielleicht kannst du dich auch damit anfreunden.

    Quellcode

    1. <script type="text/javascript">
    2. var wert = 1000;
    3. function start(ob) {
    4. wert = wert+eval(ob.firstChild.nodeValue);
    5. document.Form.Eingabe.value = wert;
    6. }
    7. </script>
    9. <form name="Form">
    10. <input type="text" name="Eingabe" value="1000">
    11. </form>
    13. <button name="button " onclick="start(this)">-16</button>
    14. <button name="button2" onclick="start(this)">-20</button>
    Alles anzeigen


    Falls du dich fragst, was nodeValue bedeutet, musst du dich in DOM einlesen.
    Literatur dazu findest du bei Selfhtml.
    U.a. auf dieser Seite: http://de.selfhtml.org/javascript/objekte/node.htm

  • functioniert richtig super vielen Dank ^^
    die onClick methode ist echt besser ,sehe schon kann bestimmt sehr viel noch von dir lernen echt sauber *bin ja eh noch einsteiger sozu sagen ^^
    aber bekomme immer mehr lust auf sowas
    und vielen vielen Dank nochmal
    und noch schönen Sonntag *bye bye
    Das Wissen der menschheit ist für die Menschheit *smile*