Noobiger JS-Rechner funzt net :(

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

  • Noobiger JS-Rechner funzt net :(

    Hallo FSBler, speziell die JS-Fachleute unter euch;) ,

    Ich habe heute angefangen mich ein wenig mit JavaScript zu beschäftigen bin also noch totaler Noob!
    Aber die Sache lässt mir einfach keine Ruhe da ich nicht versteh warum das Script nich läuft! Es handelt sich höchstwarscheinlich nur um einen minimalen Syntax Fehler!

    Jetzt zum Script ;) :

    Ich habe ein Formular mit 2 Text Eingabefeldern. Über einen Button sollen dann die beiden Werte addiert werden und alert() ausgegeben werden! Hier mein
    Quelltext:

    HTML-Quellcode

    1. <html>
    2. <head>
    3. <title> Dies ist eine Test Seite </title>
    4. <center><h1><u>Addition per JavaScript</u></h1></center>
    5. <script language="JavaScript">
    6. rechnen() {
    7. var Zahl1 = document.Rechner.Zahl1.value;
    8. var Zahl2 = document.Rechner.Zahl2.value;
    9. var erg= document.Rechner.Zahl1.value + document.Rechner.Zahl2.value;
    10. alert(Zahl1," + ",Zahl2 "ist" ,erg);
    11. }
    12. </script>
    13. </head>
    14. <body>
    15. <form name="Rechner">
    16. <input type="text" name="Zahl1">
    17. <input type="text" name="Zahl2">
    18. <input type="button" value="Berechnen!" onClick="rechnen()">
    19. </form>
    20. </body>
    21. </html>
    Alles anzeigen



    Ich kann mir echt nicht erklären warum das nich so geht:(

    Naja vll weiß es ja einer von euch :)

    Danke für jede Hilfe!

    MfG Rainis
  • Danke an alle das Programm läuft jetzt :) !

    Für die dies interssiert:

    HTML-Quellcode

    1. <html>
    2. //by Rainis
    3. <head>
    4. <title> Dies ist eine Test Seite </title>
    5. <center><h1><u>Addition per JavaScript</u></h1></center>
    6. <script type="text/javascript" language="JavaScript">
    7. <!--
    8. function rechnen() {
    9. var Zahl1 = parseInt(document.Rechner.Zahl1.value);
    10. var Zahl2 = parseInt(document.Rechner.Zahl2.value);
    11. var erg = Zahl1 + Zahl2;
    12. alert(erg);
    13. }
    14. //-->
    15. </script>
    16. </head>
    17. <body>
    18. <form name="Rechner">
    19. <input type="text" name="Zahl1">
    20. <input type="text" name="Zahl2">
    21. <input type="button" value="Berechnen!" onClick="rechnen()">
    22. </form>
    23. </body>
    24. </html>
    Alles anzeigen


    MfG Rainis