---
title: "Problem med JavaScript"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/131210-problem-med-javascript"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "hema80"
published: "2005-07-09T13:43:15.000Z"
updated: "2005-07-12T21:28:37.000Z"
replies: 2
views: 293
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/131210-problem-med-javascript"
---

# Problem med JavaScript

## #1 — hema80, 2005-07-09T13:43Z

Jag håller på och gör en sida med ett JavaScript som räknar ut en vinst. Väldigt enkelt egentligen ...

Jag har ett formulär med två textfields och en knapp. I textfield 1 matar man in ett tal, man trycker på knappen och i textfield 2 visas en vinst. Vinsten räknas fram med ett JavaScript som använder talet i textfield 1 i en funktion och visar svaret i textfield 2.

Det ser ut att fungera. Dock ett stort problem ... Svaret visas i textfield 2 men bara i en sekund, sen försvinner det. Vad gör jag för fel??

```
<script language="javascript" type="text/javascript">
function berakna ()
{
var amount = (document.getElementById("x1")).value;

var snittpris = 125; // Vad filmen hade kostat i affären
var pappfodral = 236; // Utlägg
var DVDvaska = 249; // Utlägg
var DVDskivor = 7; // Utlägg för varje tomskiva

var profit = (amount * snittpris);
var finalProfit = (profit - (amount * DVDskivor) - pappfodral - DVDvaska);

(document.getElementById("y")).value = finalProfit;
}

</script>

</head>

<body onLoad="document.form1.x1.focus();">
<div id="form" style="position:absolute; width:448px; height:84px; z-index:1; left: 168px; top: 242px;">
<form name="form1" id="form1" action="">
  <table style="padding:2px; width:450px; border-width: 1 px; border-style: solid;">
    <tr>
      <td style="width:150px; text-align: center; vertical-align: middle;">
			<input name="textfield" type="text" size="10" maxlength="10" id="x1" >
			</td>
			
      <td style="width:150px; text-align: center; vertical-align: middle;">
			<input name="imageField" type="image" src="media/pil.gif" width="67" height="66" border="0"
			id="submit" onClick="berakna();">
			</td>
      
			<td style="width:150px; vertical-align: middle; text-align: center;">
			<input name="textfield2" type="text" size="10" maxlength="10" id="y">
			</td>
    </tr>
		
    <tr>
      <td style="width:150px"><h3>Antal filmer </h3></td>
      <td style="width:150px"><h3>Beräkna</h3></td>
      <td style="width:150px; text-align: center;"><h3>Förtjänst</h3></td>
    </tr>
  </table>
  <h3> </h3
```

Permalänk: https://www.webforum.nu/p/131210

## #2 — nitro2k01, 2005-07-09T16:28Z

Det första jag tänker på är denna kod:

```
<input name="imageField" type="image" src="media/pil.gif" width="67" height="66" border="0"
id="submit" onClick="berakna();">
```

 Den gör att formuläret skickas iväg, och då återställs värdena i inputboxen, eftersom sidan laddas om. Ersätt med följande kod:

```
<a href="javascript:;;" onclick="berakna();"><img name="imageField" src="media/pil.gif" width="67" height="66" border="0"
id="submit" onClick="berakna();"></a>
```

Permalänk: https://www.webforum.nu/p/1641475

## #3 — hema80, 2005-07-12T21:28Z

Ok tack!!

Permalänk: https://www.webforum.nu/p/1645375

---

Tråden på webben: https://www.webforum.nu/amne/javascript/131210-problem-med-javascript
