Problem:Zugriff auf Ausgabefeld (HTML-Formular))

Jo.Mo.

Aktives Mitglied
Hallo, ich habe aktuell ein Problem mit einem Programm, dass ich dank der Prima Hilfe hier schon weitestgehend lösen konnte.

Nun habe ich ausgend vom Ur-Programm nochmal die Berechnung als Funktion verpackt, und ich möchte die Ein- und Ausgabe als HTML-Formular umsetzen.

Eingabe und die berechnung sollten soweit eigentlich funktionieren, nur mit der ausgabe hapert es. Das lliegt wahrscheinlich an meinem Verständnis, was ich in der Funktion als Rückgabewert realisieren soll bzw. wie ich beim Ausgabefeld darauf zurückgreife.

Kann mir da jemand helfen?

Hier das Programm:

Java:
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <title>Minimum dreier Zahlen</title>
     <script type="text/javascript">
	 //<![CDATA[
	 
	     /*
         (1) Deklaration von z1, z2, z3, mina
         (2) Gib z1 ein
         (3) Gib z2 ein
         (4) Gib z3 ein
         (5) Wenn z1 < z2 
           dann setze mina := z1
             sonst setze mina := z2
         (6) Wenn mina < z3 
             gib minb zurück
             sonst z3
          */
		  
		 //Funktion zur Berechnung 
		  function minimum (x,y,z){
		     var min = 0
			 var z1 = parseInt( document.forms['f1'].Zahl1.value);
			 var z2 = parseInt( document.forms['f1'].Zahl2.value);
			 var z3 = parseInt( document.forms['f1'].Zahl3.value);
			 if (x<y) min = x;
		     else min = y;
		     if (min<z) return min;
		     else min = z;
			 return min;
			 document.forms['f1'].mini.value = min;
		  }
         	  
     //]]>
	 </script>
   </head>
<body>
  <form id="f1" action="Programm.html">
    <p>
      <label for="z1">Erste Zahl: </label>
          <input type="text" id="z1" name="Zahl1"/><br />
	  <label for="z2">Zweite Zahl: </label>
         <input type="text" id="z2" name="Zahl2"/><br />
      <label for="z3">Dritte Zahl: </label>
         <input type="text" id="z3" name="Zahl3"/><br />	  
      <button type="button" onclick="minimum()">Minimum berechnen</button><br />
	  <label for="min">Minimum: </label>
		 <input type="text" id="min" name="mini" readonly="readonly"/><br/>
    </p>
  </form> 
</body>
</html>
 

XHelp

Top Contributor
Die Zuweisung wird aufgrund von der
Code:
return
Anweisung nicht ausgeführt. Du solltest also vllt die Zuweisung des Ergebnisses in onclick machen.
 

Jo.Mo.

Aktives Mitglied
Danke für den Tip. Aber wie stelle ich das am besten an? Mittels minimum(return)?

EDIT: Ich hab jetzt komplett meine Unterlagen durchgesehen, auch im Web habe ich nichst brauchbares gefunden (jedenfalls nichts, was das einsteigergerecht erläutern würde...).

Kann mir da jemand einen Tip geben? Wo das Problem liegt, weiss ich ja selber, die spezifizierung dessen hilft mir nicht, da ich an der Umsetzung bzw. dem Verständnis scheitere.

Wenn ich wüsste, in welcher Form ich das document.forms gestalten muss, bzw. wie ich dem einen Wert der Berechnung (als im genannten Falle "min", den Minimalwert), wäre mir schon geholfen. Der Abschnitt im body müsste doch sonst stimmen, oder?
 
Zuletzt bearbeitet:

MarderFahrer

Gesperrter Benutzer
Also da sind ein paar Dinge im Argen. Versuchs mal so:
Java:
<html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     <title>Minimum dreier Zahlen</title>
     <script type="text/javascript">
     //<![CDATA[
     
         /*
         (1) Deklaration von z1, z2, z3, mina
         (2) Gib z1 ein
         (3) Gib z2 ein
         (4) Gib z3 ein
         (5) Wenn z1 < z2 
           dann setze mina := z1
             sonst setze mina := z2
         (6) Wenn mina < z3 
             gib minb zurück
             sonst z3
          */
          
         //Funktion zur Berechnung 
          function minimum (){
             var min = 0
             var z1 = parseInt( document.forms['f1'].Zahl1.value);
             var z2 = parseInt( document.forms['f1'].Zahl2.value);
             var z3 = parseInt( document.forms['f1'].Zahl3.value);
             if (z1<z2) min = z1;
             else min = z2;
             if (min<z3){
	         }
             else min = z3;
             document.forms['f1'].mini.value = min;
          }
              
     //]]>
     </script>
   </head>
<body>
  <form id="f1" action="Programm.html">
    <p>
      <label for="z1">Erste Zahl: </label>
          <input type="text" id="z1" name="Zahl1"/><br />
      <label for="z2">Zweite Zahl: </label>
         <input type="text" id="z2" name="Zahl2"/><br />
      <label for="z3">Dritte Zahl: </label>
         <input type="text" id="z3" name="Zahl3"/><br />      
      <button type="button" onclick="minimum()">Minimum berechnen</button><br />
      <label for="min">Minimum: </label>
         <input type="text" id="min" name="mini" readonly="readonly"/><br/>
    </p>
  </form> 
</body>
</html>

Erklärung:
Dein Code hatte Argumente in der Funktion erwartet, beim Buttonclick wurde die Funtion ohne Argumente aufgerufen.
Diese Argumente x,y,z wurden nirgendwo definiert und waren somit "undefined". Trotzdem hast du sie in den IF Abfragen verwenden wollen.
Deine Funktion sollte einen Wert mittels "return" zurückgeben? Zurück wohin? Zum Button der die Funktion aufgerufen hat? Kann der nichts mit anfangen.

Generelle Funktionsweise:
Beim Click auf den Button werden drei Textfelder ausgelesen und ein Ergbnis in ein viertes Feld geschrieben. Da liegt es doch auf der Hand ALLE diese Vorgänge in der Funktion abzuarbeiten.

Kurzum:
Eine Argumentenlose Funktion liest bei Buttonclick drei Felder aus, berechnet das Minimum und setzt dieses Minimum in das vierte Feld.
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
F Javascript Problem bei mehrere ID's Angular, React, JQuery - Fragen zu JavaScript 7
S Wie kann das Problem mit der „CORS-Richtlinie“ gelöst werden, wenn Anfragen vom React-Front-End an das Node.js-Back-End gesendet werden? Angular, React, JQuery - Fragen zu JavaScript 1
A Problem bei Sortierung von Rechnungsnummern mit JavaScript Angular, React, JQuery - Fragen zu JavaScript 1
pkm Problem mit Reaktivität bei einer Vue in Vue.js Angular, React, JQuery - Fragen zu JavaScript 0
krgewb Problem mit writeln Angular, React, JQuery - Fragen zu JavaScript 2
H Problem mit vom Server gelieferten Objekten Angular, React, JQuery - Fragen zu JavaScript 11
isaac77 Java Script implementierung Problem & Frage Angular, React, JQuery - Fragen zu JavaScript 0
N Problem - Google Analytics Tracking Javascript Datei von eigenen Server laden Angular, React, JQuery - Fragen zu JavaScript 1
H "form 1 in undefined" problem Angular, React, JQuery - Fragen zu JavaScript 2
C Problem beim Laden des Saalplans Angular, React, JQuery - Fragen zu JavaScript 5
4 Java Anfänger Problem Angular, React, JQuery - Fragen zu JavaScript 4
I iframe killer problem Angular, React, JQuery - Fragen zu JavaScript 3
H problem mit IE Angular, React, JQuery - Fragen zu JavaScript 2
K Laufschrift Problem. Angular, React, JQuery - Fragen zu JavaScript 4
S Problem bei MSN Script Angular, React, JQuery - Fragen zu JavaScript 3
M Problem mit Java-Funktion Angular, React, JQuery - Fragen zu JavaScript 3
H Java Script Problem Angular, React, JQuery - Fragen zu JavaScript 11
F Ich habe ein Problem mit dem öffnen eines neuen Fensters Angular, React, JQuery - Fragen zu JavaScript 3
Developer_X Java Script, Problem beim staten Angular, React, JQuery - Fragen zu JavaScript 22
S Problem mit Formular ! Angular, React, JQuery - Fragen zu JavaScript 4
S Dringendes onclick Problem mit variable - Danke Angular, React, JQuery - Fragen zu JavaScript 2
D IE Problem Angular, React, JQuery - Fragen zu JavaScript 4
G Java Gallery mit reload ohne iframe Problem Angular, React, JQuery - Fragen zu JavaScript 6
J JS-Menü-Problem :-( Angular, React, JQuery - Fragen zu JavaScript 2
E Countdown Problem Angular, React, JQuery - Fragen zu JavaScript 5
T Problem mit getElementById Angular, React, JQuery - Fragen zu JavaScript 1
G Problem Bei Sound Angular, React, JQuery - Fragen zu JavaScript 4
S Ich hab da ein Problem mit einem JavaScript. Angular, React, JQuery - Fragen zu JavaScript 2
M Problem mit Vote Fenster Angular, React, JQuery - Fragen zu JavaScript 3
K Problem mit einbinden Angular, React, JQuery - Fragen zu JavaScript 2
M Problem mit Berechnungen Angular, React, JQuery - Fragen zu JavaScript 5
S Problem mit Aufruf einer *.js-Datei Angular, React, JQuery - Fragen zu JavaScript 2
N Problem mit onchange Listener Angular, React, JQuery - Fragen zu JavaScript 1
G Problem beim Einbinden von JAVA-Dropdown-Menu Angular, React, JQuery - Fragen zu JavaScript 7
G CSS-Problem mit "selected" Angular, React, JQuery - Fragen zu JavaScript 2
K Habe aber trotzdem ein Problem mit Javascript Angular, React, JQuery - Fragen zu JavaScript 2
F Problem mit random alerts Angular, React, JQuery - Fragen zu JavaScript 5
G utf8 problem wenn java deaktiviert ist Angular, React, JQuery - Fragen zu JavaScript 2
G Zeilenumbruch Problem Angular, React, JQuery - Fragen zu JavaScript 10
R Riesen Problem Angular, React, JQuery - Fragen zu JavaScript 2
Z Globale Veriable problem Angular, React, JQuery - Fragen zu JavaScript 2
P Problem mit Blog Angular, React, JQuery - Fragen zu JavaScript 3
G Problem mit Frames Angular, React, JQuery - Fragen zu JavaScript 9
S Problem mit Mozilla Angular, React, JQuery - Fragen zu JavaScript 9
N JS Problem mit Dia Show Angular, React, JQuery - Fragen zu JavaScript 5
H Problem mit Klappmenü. Angular, React, JQuery - Fragen zu JavaScript 2
A Problem mit checkdate-Funktion. Angular, React, JQuery - Fragen zu JavaScript 3
J Problem mit Java Menü Angular, React, JQuery - Fragen zu JavaScript 4
H [Problem] Tageszeitenabhängige Rotation von Flashfilmen Angular, React, JQuery - Fragen zu JavaScript 3
B document.forms problem Angular, React, JQuery - Fragen zu JavaScript 3
N tree_items problem Angular, React, JQuery - Fragen zu JavaScript 3
G 2 Frames mit einem Link verändern - Problem Angular, React, JQuery - Fragen zu JavaScript 4
F Problem mit "PHYSLET" Angular, React, JQuery - Fragen zu JavaScript 3
G Problem Angular, React, JQuery - Fragen zu JavaScript 2
M Merkwürdiges Problem Angular, React, JQuery - Fragen zu JavaScript 3
C Javascript problem links ohne funktion Angular, React, JQuery - Fragen zu JavaScript 12
W Problem bei Links Angular, React, JQuery - Fragen zu JavaScript 4
M Problem - java-script fehlt (???) Angular, React, JQuery - Fragen zu JavaScript 3
A problem mit pulldown Angular, React, JQuery - Fragen zu JavaScript 3
C Leerzeichen entfernen... Problem Javascript Angular, React, JQuery - Fragen zu JavaScript 1
VfL_Freak Zugriff auf die GoogleMaps-API Angular, React, JQuery - Fragen zu JavaScript 7
G Zugriff auf Variablen in neuem Fenster verweigert Angular, React, JQuery - Fragen zu JavaScript 3
T Zugriff auf listbox position... Angular, React, JQuery - Fragen zu JavaScript 5

Ähnliche Java Themen

Neue Themen


Oben