plus og gange i input box….

Der er sikkert en nemmere løsning, men jeg havde engang en opgave, hvor jeg skulle lave en "online shop" i JavaScript...
Det løste jeg med følgende koder:
<input name="IBMHD45" type="text" size="3" value="">
<input name="IBMHD91" type="text" size="3" value="">
Osv. og JavaScriptet:
  if (document.formular.IBMHD45.value > 0)
  {
    temp = temp + (document.formular.IBMHD45.value * 1899);
    HD45Antal = document.formular.IBMHD45.value;
  }

  if (document.formular.IBMHD91.value > 0)
  {
    temp =  temp + (document.formular.IBMHD91.value * 3445);
    HD91Antal =document.formular.IBMHD91.value;
  }

  if (document.formular.monitor15.value > 0)
  {
    temp = temp + (document.formular.monitor15.value * 1290);
    Mon15Antal =document.formular.monitor15.value;
  }

  if (document.formular.monitor17.value > 0)
  {
    temp = temp + (document.formular.monitor17.value * 1875);
    Mon17Antal =document.formular.monitor17.value;
  }

pris = eval(temp);

Dvs.:
HTML:
<input name="box1" type="text" value="">
<input name="box2" type="text" value="">
<input name="box3" type="text" value="">
<input name="box4" type="text" value="">
<input name="box5" type="text" value="">

JS:
if (document.formular.box1.value > 0)
{
  din_temp_var = din_temp_var + (document.formular.box1.value * Din_Pris);
}
osv.

Til sidst laver du så en Dit_total = eval(din_temp_var);

hmm, kan man få en hel kode..???
har aldrig prøvet at lave noget i javascript...

I din html fil indsætter du en formular med de fem input felter:
<input name="box1" type="text" value="">
<input name="box2" type="text" value="">
<input name="box3" type="text" value="">
<input name="box4" type="text" value="">
<input name="box5" type="text" value="">
<input name="resultat" type="text" value="">
og <input type="button" name="submit" value="submit" OnClick="beregn()">

Javascript koden skal vist nok (jeg har aldrig lavet den på denne måde før), laves som:
function Beregn()
{
  var temp, pris;
  if (document.formular.box1.value > 0)
  {
    temp = temp + (document.formular.box1.value * Din_Pris);
  }
  if (document.formular.box2.value > 0)
  {
    temp = temp + (document.formular.box2.value * Din_Pris);
  }
  if (document.formular.box3.value > 0)
  {
    temp = temp + (document.formular.box3.value * Din_Pris);
  }
  if (document.formular.box4.value > 0)
  {
    temp = temp + (document.formular.box4.value * Din_Pris);
  }
  if (document.formular.box5.value > 0)
  {
    temp = temp + (document.formular.box5.value * Din_Pris);
  }
  pris = eval(temp)
  document.formular.resultat.value = pris;

};

Det smuttede lige

<ole>
Her svarede jeg på samme spørgsmål med et lidt mere sexy script:
http://www.eksperten.dk/spm.asp?id=12501
/VH
</bole>

hmm, er denne kode rigtig??

og hvor viser den så hele beløbet??


<html>
<head>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">

function Beregn()
{
  var temp, pris;
  if (document.formular.box1.value > 0)
  {
    temp = temp + (document.formular.box1.value * 5);
  }
  if (document.formular.box2.value > 0)
  {
    temp = temp + (document.formular.box2.value * 10);
  }
  if (document.formular.box3.value > 0)
  {
    temp = temp + (document.formular.box3.value * 5);
  }
  if (document.formular.box4.value > 0)
  {
    temp = temp + (document.formular.box4.value * 10);
  }
  if (document.formular.box5.value > 0)
  {
    temp = temp + (document.formular.box5.value * 5);
  }
  pris = eval(temp)
  document.formular.resultat.value = pris;
  };
 
  </SCRIPT>
 

<input name="box1" type="text" value="">
<p>
<input name="box2" type="text" value="">
</p>
<p>
<input name="box3" type="text" value="">
</p>
<p>
<input name="box4" type="text" value="">
</p>
<p>
<input name="box5" type="text" value="">
</p>
<p>
<input name="resultat" type="text" value="">

</p>
<p>

<input type="button" name="submit" value="submit" OnClick="beregn()">




</body>

</html>

<ole>
Det her er nok bedre ;-)

<html>
<head>
</head>
<body>
<SCRIPT  LANGUAGE="JavaScript">

function  beregn()
{
    var temp = 0;
    var pris = 0;
    if  (document.formular.box1.value  >  0)
    {
        temp  =  temp  +  (document.formular.box1.value  *  5);
    }
    if  (document.formular.box2.value  >  0)
    {
        temp  =  temp  +  (document.formular.box2.value  *  10);
    }
    if  (document.formular.box3.value  >  0)
    {
        temp  =  temp  +  (document.formular.box3.value  *  5);
    }
    if  (document.formular.box4.value  >  0)
    {
        temp  =  temp  +  (document.formular.box4.value  *  10);
    }
    if  (document.formular.box5.value  >  0)
    {
        temp  =  temp  +  (document.formular.box5.value  *  5);
    }
    pris  =  eval(temp)
    document.formular.resultat.value  =  pris;
    };
   
    </SCRIPT>
   
<form  name=formular>
<input  name="box1"  type="text"  onchange=beregn();>
  <p>
<input  name="box2"  type="text"  onchange=beregn();>
  </p>
<p>
<input  name="box3"  type="text"  onchange=beregn();>
  </p>
<p>
<input  name="box4"  type="text"  onchange=beregn();>
  </p>
<p>
<input  name="box5"  type="text"  onchange=beregn();>
  </p>
<p>
<input  name="resultat"  type="text"  value="">

  </p>
<p>

  <input  type="button"  name="submit"  value="submit"  OnClick="beregn()">
</p>
</form>

</body>
</html>

/VH
</bole>

jeg takker mange gange....

:-)

So do I ;-)