Frage von computerfan001, 107

Wie definert man eine Funktion in Javascript?

Hallo,

ich bin am erstellen eines Taschenrechners, jedoch habe ich momentan das Problem, dass meine Funktion namens Zahl1 nicht definiert ist und damit kein Ergebnis gezeigt wird.

Wisst ihr wie ich den Fehler beheben kann?

Antwort
von yerooke, 53

Du musst die Werte aus deinen Eingabefelder ja auch auslesen und diese in die Variable Zahl1 und Zahl2 setzen.

Kommentar von computerfan001 ,

Wie geht das ? MfG

Kommentar von yerooke ,

mit document.getElementById oder document.getElementsByTagName kannst du auf die Elemente und deren Eigenschaften zugreifen.

Hier habe ich ein Beispiel erstellt:
http://codepen.io/anon/pen/zrRJBL

Kommentar von computerfan001 ,

Danke für die Antwort. wäre es möglich zu zeigen, wie ich das bei meinem Script machen kann? Habe das leider mit getElementByid nicht gelernt.

Kommentar von yerooke ,

poste mal deinen komplette HTML und javaScript Code auf pastebin oder auf codepen.io

Kommentar von computerfan001 ,

Mein Code steht unten zum kopieren bei der anderen Antwort. Würde das reichen? MfG

Kommentar von yerooke ,

Bitteschön:

http://codepen.io/anon/pen/KVQxyZ

Etwas angepasst - lerne unbedingt korrektes HTML und JS!

Kommentar von computerfan001 ,

Vielen dank für den Script. aber komischerweise funzt das im Browser  nicht. Dort steht, dass onclick nicht genügend definiert ist

Kommentar von yerooke ,

Bei mir gibt es kein onclick

Kommentar von computerfan001 ,

also beim javascript zeile 17 zeichen 1

Kommentar von computerfan001 ,

laut scriptly

Antwort
von Eutervogel, 73

Wäre gut, wenn du mal deinen Code bei http://pastebin.com reinhaust, dann kann man mal selber testen wo der Fehler liegt. Auf abschreiben hab ich nämlich grad keine Lust :)

Kommentar von computerfan001 ,

Hier meine Javascript datei:

function addieren (Zahl1,Zahl2)
{Zahl1 = parseInt (Zahl1);
Zahl2 = parseInt (Zahl2);
return (Zahl1+ Zahl2) ;
}

function subtrahieren (Zahl1,Zahl2)
{
Zahl1 = parseInt (Zahl1);
Zahl2 = parseInt (Zahl2);
return (Zahl1 - Zahl2) ;
}

function dividieren (Zahl1,Zahl2)
{
Zahl1 = parseInt (Zahl1);
Zahl2 = parseInt (Zahl2);
return (Zahl1 / Zahl2) ;
}

function multiplizieren (Zahl1,Zahl2)
{Zahl1 = parseInt (Zahl1);
Zahl2 = parseInt (Zahl2);
return (Zahl1 * Zahl2 );}

Kommentar von Eutervogel ,

HTML bitte auch...

Kommentar von computerfan001 ,
<html>
<head>
<title>Willkommen</title>
<script type "text/javascript" src "Auslagerung.js"></script>
</head>
<body>
<form method ="POST" name="MeinFormular">
<p input type="text" size "20" name ="Eingabefeld1"/></p>
<p input type="text" size "20" name ="Eingabefeld2"/></p>
<p input type ="button" name "Rechenbutton" value "Addition" onclick ="addieren (Zahl1,Zahl2)"/></p>
<p input type ="button" name "Rechenbutton" value "Subtraktion" onclick = "subtrahieren (Zahl1, Zahl2)"/></p>
<p input type ="button" name "Rechenbutton" value "Division" onclick = "dividieren (Zahl1, Zahl2)"/></p>
<p input type ="button" name "Rechenbutton" value "Multiplikation" onclick = "multiplizieren (Zahl1, Zahl2)"/></p>
<p input type="text" size "58" name "Ausgabefeld"/></p>
</form>
</body></html>
Kommentar von computerfan001 ,

Hier ist die Html Datei.   MfG

Kommentar von Eutervogel ,
was ist denn bitte <p input> ???
Kommentar von computerfan001 ,

Das <p> ist ein Paragraf und das input steht dafür, dass der Browser weiß, ob nun ein Text oder ob nun ein Button kommt

Kommentar von Eutervogel ,

Du musst zum einen nicht in jeder function die Variablen Zahl1 und Zahl2 in intergers umwandeln, das reicht wenn du das einmal machst.

Dann sind die Zahl1 und Zahl2 Variablen nicht definiert. Woher soll das script auch wissen, was mit den Variablen gemeint ist.

Ich hab dir dein script mal etwas zusammengefasst:

http://pastebin.com/G4X5tbW2

Ich weiß nicht, ob gf dein HTML so kaputt gemacht hat, aber da fehlen auf einmal diverse = und wie schon erwähnt ist p input kein zulässiger tag.

Kommentar von computerfan001 ,

das mit p input ist ein Tippfehler von mir , es lautet bei mir eigentlich  wie folgt: <p><input.........../></p> .

Siehe Bild oben


Kann ich die HTML datei so lassen oder solte ich ein Id setzen?

Keine passende Antwort gefunden?

Fragen Sie die Community