webForumDet fria alternativet

räknare html

JavaScript

3 svar · 465 visningar · startad av abcd

Medlem sedan dec. 20135 inlägg
Frågan#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>

Medlem sedan juni 20019 519 inlägg
#2

skapade en ny tråd

Medlem sedan dec. 20135 inlägg
#3

tack :)

Medlem sedan juni 2012581 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...

257 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
127 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)