[Erledigt] Zählen

Also ich möchte gerne folgendes in meine HP integrieren leider habe ich aber davon NULL Ahnung, und habe auch schon probiert ein vertigess script das ich leider wieder gelöscht habe umzuschreiben!

Also hier die Frage:
Ich möchte gerne folgende Textfelder haben:
0. NAME=Anzahl
1. NAME=Handy
2. NAME=Online
3. NAME=PreisH
4. NAME=PreisO
5. NAME=DIFF

Im Feld anzahl sollte die Anzahl sein, bsp.: 1
Im Feld Handy soll der Preis 0,21€
Im Feld Online soll der Preis 0,06€
Im Feld PreisH soll der Gesammtpreis von der Anzahl und Handy sein (Bsp: wenn jemand in das Feld ANZAHL 5 eingibt soll das Script automatisch 5 + 0,21 aurechnen und das ergebnis in das Feld PreisH schreiben)
Im Feld PreisO soll der Gesammtpreis von der Anzahl und Online sein (Bsp: wenn jemand in das Feld ANZAHL 5 eingibt soll das Script automatisch 5 + 0,21 aurechnen und das ergebnis in das Feld PreisO schreiben)

Und zum Schluss sollte noch die differenz zwischen PREISH und PREISO ausgerechnet und in das Feld DIFF geschrieben werden!


Kann mir da jemand helfen?
Wäre nett denn ich habe keinen Plan mehr...

[Sirke]

nur um das ganze mal mathematisch abzurunden: die differenz aus (5+0,21) und (5+0,06[wenn ich das richtig verstanden hab]) ist immer 0,21-0,06 und somit ist die anzahl überflüssig, sodass im feld immer 0,15 stehen kann

aber wenn du felder automatisch ändern willst dann bekommt das textfeld das event onChange in dem der script ausgeführt wird. der script lautet dann so:

function blaaa()
{
  var Anzahl = document.getElementByID('Anzah').value;
  var PreisH = Anzahl + 0,21;
  var PreisO = Anzahl + 0,06;
  document.getElementById('Diff').firstChild.nodeValue = PreisH-PreisO;
}

im HTML-Quelltext muss dann folgendes stehen:

<input name="Anzahl" type="text" id="Anzahl" onChange="blaaa();">
<b id="Diff">-[/b]

jetz wird bei jeder änderung der anzahl im <b id="Diff">-[b] die neue differenz stehen

mfg Sirke

ps: alle Rechtschreibfehler müssen tolleriert werden, weil cih ferien habe

hm hast du es so gemeint kopier mal den quell code in eine neue *.html seite hinein! und probiers aus!

<script language:JavaScript>

function calcIt()
{
var Anzahl =document.form.Anzahl.value;
var Handy = document.form.Handy.value;
var Online = document.form.Online.value;

document.form.PreisH.value = Anzahl * Handy;
document.form.PreisO.value = Anzahl * Online;
document.form.DIFF.value = document.form.PreisH.value - document.form.PreisO.value;



}

</script>

<form name = "form" >

Anzahl <input type = "text" Name = Anzahl value = ""> 


Handy <input type = "text" Name = Handy value = 0.21> 


Online <input type = "text" Name = Online value = 0.06> 


PreisH <input type = "text" Name = PreisH value = "" > 


PreisO <input type = "text" Name = PreisO value= "">


DIFF <input type = "text" Name = DIFF value =""> 



</form>

<input type = "submit" Name = submit value = Rechne! onclick = "calcIt()">

Geht das auch irgenwie das ich nicht auf rechnen klicken muss sondern dass er das automatisch macht wenn ich die Anzahl eingebe?

sicher geht das!

<script language:JavaScript> 

function calcIt() 
{ 
var Anzahl =document.form.Anzahl.value; 
var Handy = document.form.Handy.value; 
var Online = document.form.Online.value; 

document.form.PreisH.value = Anzahl * Handy; 
document.form.PreisO.value = Anzahl * Online; 
document.form.DIFF.value = document.form.PreisH.value - document.form.PreisO.value; 




} 

</script> 

<form name = "form" > 

Anzahl <input type = "text" Name = Anzahl value = "" onKeyPress="calcIt()"> 

 
Handy <input type = "text" Name = Handy value = 0.21> 

 
Online <input type = "text" Name = Online value = 0.06> 

 
PreisH <input type = "text" Name = PreisH value = "" > 

 
PreisO <input type = "text" Name = PreisO value= ""> 

 
DIFF <input type = "text" Name = DIFF value =""> 



</form>

sicher geht das!

<script language:JavaScript> 

function calcIt() 
{ 
var Anzahl =document.form.Anzahl.value; 
var Handy = document.form.Handy.value; 
var Online = document.form.Online.value; 

document.form.PreisH.value = Anzahl * Handy; 
document.form.PreisO.value = Anzahl * Online; 
document.form.DIFF.value = document.form.PreisH.value - document.form.PreisO.value; 




} 

</script> 

<form name = "form" > 

Anzahl <input type = "text" Name = Anzahl value = "" onKeyPress="calcIt()"> 

 
Handy <input type = "text" Name = Handy value = 0.21> 

 
Online <input type = "text" Name = Online value = 0.06> 

 
PreisH <input type = "text" Name = PreisH value = "" > 

 
PreisO <input type = "text" Name = PreisO value= ""> 

 
DIFF <input type = "text" Name = DIFF value =""> 



</form>