JavaScript-Formular - Wie fang ich an?

[stroyer]

AW: JavaScript-Formular - Wie fang ich an?

das mit dem else geht nur, wenn davor noch klammern sind
also:
if(Bedingung)
{
Wird ausgeführt, wenn Bedinung wahr ist
}
else
{
Wird ausgeführt, wenn Bedingung NICHT wahr ist
}

@cebito: So sind halt mehr Verschachtelungen drinnen, bzw. ich finds nicht soo übersichtlich; aber auf Dauer ist es sicher effizienter.

 

[FrolleinNaseweis]

AW: JavaScript-Formular - Wie fang ich an?

So und hier noch die andere, nur mit value gerechnet, damit man die Preise nur im Formular ändern muß.

Viel Spaß Frollein

danke..
und was ist jetzt der unterschied zwischen dem und dem davor?
nur dieses value und ElementById? was ist denn besser bavon?
bzw einfacher?
und wenn ich sowas mache, dann muss da immer dieses <form> hin?!
und besser if&else oder das da was du gemacht hast?

 

[cebito]

AW: JavaScript-Formular - Wie fang ich an?

@cebito: So sind halt mehr Verschachtelungen drinnen, bzw. ich finds nicht soo übersichtlich; aber auf Dauer ist es sicher effizienter.

So viele sinds ja nicht - thanks

 

[stroyer]

AW: JavaScript-Formular - Wie fang ich an?

1) Der Unterscheid zwischen meiner Version und der von cebito ist, dass bei seiner bei einer Preisänderung der Preis nur unten geändert werden muss.
2) cebito hat über den Namen vom Input darauf zugegriffen, ich über seine id. Im Endeffekt kommt es aufs gleiche hinaus. Mit der Zeit, wenn Du mehr codest, wirst Du entweder den einen oder den anderen Stil verwenden.
3)Im Prinzip gehts ohne <form> auch, aber dann müsstest du das Zurücksetzen händisch schreiben, so gehts automatisch.
4)In beiden Versionen werden if...else-Verzweigungen auf (fast) die gleiche Weise genutzt

(@cebito: Ich würds einfacher finden, wenn Du
alert("Bitte waehlen sie ein Modell!");
return;
gleich an den Anfang setzt; Durch das return; brauchst Du danach eh keine Verzweigung bzw. verschachtelte If-Konstruktion. Das hab ich mit übersichtlicher gemeint.)

 

[cebito]

AW: JavaScript-Formular - Wie fang ich an?

danke..
und was ist jetzt der unterschied zwischen dem und dem davor?
nur dieses value und ElementById? was ist denn besser bavon?
bzw einfacher?

Beide Methoden (document.getElementByld.eigenschaft und document.formname.elementname.eigenschaft) sind richtig um auf's Formular zuzugreifen. Da wollt ich dir nur die zweite Möglichkeit aufzeigen. Durch value hab ich nur sichergestellt daß, wenn sich die Preise ändern du nicht in den javascript code eingreifen mußt (stell dir vor er liegt in 'ner extra Datei) sondern lediglich den Preis im Formular(value) ändern mußt.

und besser if&else oder das da was du gemacht hast?

Die Frage muß heißen: besser if&else&(wieder)if oder if&else if - das ist dir überlassen, eine Frage der eigenen Logik und wie stroyer sagte Übersicht.

Edit: Am besten du schaust dir beides an und nimmst von jedem das, was dir liegt und du dann auch nachvollziehen und erklären kannst. GOOD LUCK

 

[cebito]

AW: JavaScript-Formular - Wie fang ich an?

(@cebito: Ich würds einfacher finden, wenn Du
alert("Bitte waehlen sie ein Modell!");
return;
gleich an den Anfang setzt; Durch das return; brauchst Du danach eh keine Verzweigung bzw. verschachtelte If-Konstruktion. Das hab ich mit übersichtlicher gemeint.)

Gibt keine Verzweigung mehr danach, wenn du mal alle Klammern ein bischen raus"tab"'st wirst es sehen. Ist halt meine Übersicht...

 

[stroyer]

AW: JavaScript-Formular - Wie fang ich an?

Gibt keine Verzweigung mehr danach, wenn du mal alle Klammern ein bischen raus"tab"'st wirst es sehen. Ist halt meine Übersicht...

ich mein davor
Bei mir bist du maximal in einer if drinnen, bei dir zwei. Ich hätt gemacht:

preis=0;
if(document.preisrechner.AGB.checked!=true)
{
alert("Sofort stimmen sie den AGB zu!!!");
return;
}
if(document.preisrechner.modell[0].checked)
{
preis = 1*document.preisrechner.modell[0].value;
}
if(document.preisrechner.modell[1].checked)
{
preis = 1*document.preisrechner.modell[1].value;
}
if(preis==0)
{
alert("Bitte waehlen sie ein Modell!");
return;
}
if(document.preisrechner.monitor.checked)
{
preis+=1*document.preisrechner.monitor.value;
}
if(document.preisrechner.festplatte.checked)
{
preis+=1*document.preisrechner.festplatte.value;
}
if(document.preisrechner.wlan.checked)
{
preis+=1*document.preisrechner.wlan.value;
}
document.preisrechner.gesamtpreis.value = preis;

 

[cebito]

AW: JavaScript-Formular - Wie fang ich an?

if(document.preisrechner.AGB.checked!=true)
  {
    alert("Sofort stimmen sie den AGB zu!!!");
    return;
  }

mach ich auch:

if(document.preisrechner.modell[0].checked)
  {
    preis = 1*document.preisrechner.modell[0].value;
  }
if(document.preisrechner.modell[1].checked)
  {
    preis = 1*document.preisrechner.modell[1].value;
  }
if(preis==0)
  {
    alert("Bitte waehlen sie ein Modell!");
    return;
  }

ist dasselbe wie:

if(document.preisrechner.modell[0].checked) {
             preis = 1*document.preisrechner.modell[0].value;
          }
        else if(document.preisrechner.modell[1].checked) {
             preis = 1*document.preisrechner.modell[1].value;
          }
        else{
             alert("Bitte waehlen sie ein Modell!");
             return;
          }

Ich seh bei dir drei if's, bei mir eins und ein else if und ein else - bleibt sich gleich...

Edit: hauptsache es hilft dem Frollein ))

 

[stroyer]

AW: JavaScript-Formular - Wie fang ich an?

Ich weiß schon - Ich hab mich ein bisschen zu viel in meine Variante "eingegraben". Es bleibt sich genau gleich -Es hängt davon ab, welche Variante einem lieber ist. Aber da geht es jetzt mehr um das Formular als um Codedesign.

 

[cebito]

AW: JavaScript-Formular - Wie fang ich an?

Ich weiß schon - Ich hab mich ein bisschen zu viel in meine Variante "eingegraben". Es bleibt sich genau gleich -Es hängt davon ab, welche Variante einem lieber ist. Aber da geht es jetzt mehr um das Formular als um Codedesign.

jep :

 

[stroyer]

AW: JavaScript-Formular - Wie fang ich an?

Also FrolleinNaseweis, noch irgendwelche Fragen?

 

[FrolleinNaseweis]

AW: JavaScript-Formular - Wie fang ich an?

bestimmt, aber die kommen morgen! nicht mehr heute!
weil wie man diese buttons "lebendig macht", das kapier ich immer noch nicht.

 

[stroyer]

AW: JavaScript-Formular - Wie fang ich an?

Das lebendig machen geht einerseits type="reset" : Da geht alles von alleine;
Das andere geht entweder beim type="button" über onSubmit="..."; Da wird dann ein Befehl ausgerufen bzw. in dem Fall wird die Funktion berechnePreis(); aufgerufen.
Bei der Variante von cebito wird durch das type="submit" im form die action aufgerufen, in dem Fall ebenfalls berechnePreis();
Alles andere wird oben im Script geregel.