Avatar billede kll Nybegynder
06. februar 2011 - 17:02 Der er 5 kommentarer og
2 løsninger

Simpel regnemaskine - to tal ganges med hinanden?

Er ved at prøve at lære javascript, men er gået i stå her. Hvad gør jeg galt i dette simple stykke, hvor to tal skal ganges med hinanden og vise et resultat?

<html>
<head>
<title>Beregner</title>

</head>
<body>
    <form name="regnemaskine">
    <input type="text" value="0" name="antal"> Antal
    <br/>
    <input type="text" value="0" name="pris"> Pris
    <br/>
    <input onclick="rm()" value="Beregn" type="button" >
    <br/><br/>
    <input type="text" name="beregnet"> Samlet pris
    </form>

    <script language="javascript">

    function rm(){
    var beregning = Math.round(antal * pris)
    dokument.regnemaskine.beregnet.value=beregning
    </script)
</body>
</html>


Evt. en der kan lave et eksempel på noget lignende det ovenover, hvor:
- 2 tal skal ganges med hinanden.
- 2 andre tal skal også ganges med hinanden.
- Det sidste resultat skal trækkes fra det første.

Det er en besparelses regnemaskine jeg prøver at lave.

På forhånd tak!
Avatar billede claes57 Ekspert
06. februar 2011 - 17:33 #1
start med at placere javascriptet i head - og ret trykfejlen i </script) til </script>

ret også name="" til id="" i de 3 felter, og ret javascriptet til
    <script language="javascript">
    function rm(){
    var beregning = Math.round(document.getElementById("antal").value * document.getElementById("pris").value);
    document.getElementById("beregnet").value=beregning;
    }
    </script>
Avatar billede zareba Nybegynder
06. februar 2011 - 17:37 #2
Prøv at skifte din function ud med denne function

function rm()
{
    var f_el = document.forms['regnemaskine'].elements;
    var antal = f_el['antal'].value;
    var pris = f_el['pris'].value;
    var beregning = Math.round(antal * pris);
    f_el['beregnet'].value = beregning;
}
Avatar billede olsensweb.dk Ekspert
06. februar 2011 - 17:40 #3
som claes57 påpeger er der nogle tryk fejl
jeg har rettet det lidt til:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
      <title>
        Beregner
      </title>
  </head>
  <body>
      <script type="text/javascript">

      function rm(){
        var antal = document.getElementById('antal').value;
        var pris  = document.getElementById('pris').value;
        var beregning = Math.round(antal * pris)
        document.regnemaskine.beregnet.value=beregning;
      }
      </script>
      <form name="regnemaskine" id="regnemaskine">
        <input type="text" value="0" id="antal" name="antal">

        Antal<br>
        <input type="text" value="0" id="pris" name="pris">
        Pris<br>
        <input onclick="rm()" value="Beregn" type="button"><br>
        <br>
        <input type="text" name="beregnet"> Samlet pris
      </form>
  </body>
</html>
Avatar billede kll Nybegynder
06. februar 2011 - 18:01 #4
Var der evt. en der kunne lave et eksempel på dette:

- 2 tal skal ganges med hinanden.
- 2 andre tal skal også ganges med hinanden.
- Det sidste resultat skal trækkes fra det første.

Det er en besparelses regnemaskine jeg prøver at lave.
Avatar billede olsensweb.dk Ekspert
06. februar 2011 - 18:02 #5
til det sidste du spørger om et eks:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
      <title>
        Beregner
      </title>
  </head>
  <body>
      <script type="text/javascript">
      function rm(){
        var antal = parseInt(document.getElementById('antal').value);
        var pris  = parseFloat(document.getElementById('pris').value);
        var antal1 = parseInt(document.getElementById('antal1').value);
        var pris1  = parseFloat(document.getElementById('pris1').value);       
        var beregning = antal * pris;
        var beregning1 = antal1 * pris1;
        document.getElementById('beregnet').value=(beregning-beregning1);
      }
      </script>
      <form name="regnemaskine" id="regnemaskine">
        <input type="text" value="0" id="antal">        Antal<br>
        <input type="text" value="0" id="pris">        Pris<br>
        <br>
        <input type="text" value="0" id="antal1">        Antal1<br>
        <input type="text" value="0" id="pris1">        Pris1<br>
       
        <input onclick="rm()" value="Beregn" type="button"><br>        <br>
        <input type="text" id="beregnet"> Samlet pris
      </form>
  </body>
</html>
Avatar billede kll Nybegynder
06. februar 2011 - 18:06 #6
Mange tak ronols - Smider du ikke lige et svar, så du kan få lidt point.

- Det hjalp mig meget, lige at få rettet mine fejl. Og rimelige tydelige fejl når jeg ser dem nu. Men var trods alt mit første script.
Avatar billede olsensweb.dk Ekspert
06. februar 2011 - 18:28 #7
det får du her
prøv evt at kigge på http://www.w3schools.com/js/default.asp
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester