webForumDet fria alternativet

räknare html

3 svar · 463 visningar · startad av abcd

abcdMedlem sedan dec. 20135 inlägg
#1

Hej!

Jag håller på med ett miniräknare där användare kan räkna priset.
Jag är nybörjare på det här och har fastnat :(

Har byggt en miniräknare i html men när priset är beräknat beroende på antal så fylls automatiskt prisrutan i, men för att räkna med nytt antal krävs att jag suddar bort manuellt både i antal och totalpris ruta.finns det ngn funktion för att detta skall hända automatisk?

Kan någon hjälpa mig med detta?

Tack på förhand.

<script type="text/javascript">
function beraknaPris(antal) {
if (isNaN(antal)) return;
var pris = 40;
document.getElementById('totalt').innerHTML = antal * pris;
}
</script>
<tr>
<th>
<p>.......</p>
<p>...<br>
</th>
<th>
Skriv in.. </br>
</th>
<th> antal...</th>
<th> <input type="text" name="antal" onblur="beraknaPris(this.value)" /><br /> </th>
<td> Räkna<div id="totalt"></div></td>
</tr>
</table>

voigtann1Medlem sedan juni 20019 519 inlägg
#2

skapade en ny tråd

abcdMedlem sedan dec. 20135 inlägg
#3

tack :)

prplxrMedlem sedan juni 2012582 inlägg
#4

Varför du måste sudda ut det som står i rutan är för att du har använt dig av "onblur". Pröva att byta ut det mot "onkeydown" istället.

onblur är det event som triggas när fokus lämnar inputrutan, dvs när du tabbar ur den eller klickar någon annanstans på sidan.
onkeydown triggas när fältet har fokus och en tangent på tangentbordet trycks ned.

Det finns flera liknande events du kan pröva, såsom onkeyup, onkeypress, onchange, osv...

130 ms totalt · 3 externa anrop · v20260731065814-full.0e50b1ef
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)