Simpele berekening

Status
Niet open voor verdere reacties.
R

renepk

Gebruiker
Lid geworden
8 mrt 2010
Berichten
5
Maar ik kom er niet uit...

Ik wil graag in een vrij veld een waarde invullen en daar een berekening op los laten. De waarde in het vrije veld wordt dan vermenigvuldigd met een bepaald percentage.

bijvoorbeeld: in box 1 : 250000
niet zichtbare percentage is 0,00119
Je klikt op berekenen en dan komt er ergens anders te staan : 297,5

Ik hoop dat iemand me kan helpen met zoiets
 
HTML: 
<input type='text' id='waarde' />
<input type='submit' value='bereken' onclick='bereken();' />
<span id='output'></span>
[JS]function bereken()
{
var input = document.getElementById('waarde');
var output = document.getElementById('output');

output.innerHTML = parseFloat(input.innerHTML) * 0.00119;
}[/JS]
 
Aha, mooi zeg... Alleen nu krijg ik de uitkomst als ik op bereken klik NaN
Zo ziet het bestandje er nu uit:

<html>

<head>

<script type="text/javascript">
<!-- start
function bereken()
{
var input = document.getElementById('waarde');
var output = document.getElementById('output');

output.innerHTML = parseFloat(input.innerHTML) * 0.00119;
}
// stop -->
</script>

</head>
<body>

<input type='text' id='waarde' />
<input type='submit' value='bereken' onclick='bereken();' />
<span id='output'></span>

</body>
</html>

Wat doe ik fout
 
Laatst bewerkt:
[JS]
input.innerHTML
[/JS]

moet

[JS]
input.value
[/JS]

zijn.
 
Hoi,


Afronden kan op verschillende manieren, de meest gebruikelijke staat in het Math object:[JS]Math.round(5.1234); // geeft 5
Math.round(1.9999); // 2
Math.round(8.49); // 8[/JS]Er is echter ook een method in het Number object dat afrond, genaamd toFixed. Het accepteerd 1 parameter dat aangeeft op de hoeveelste decimaal het moet worden afgekapt:
[JS]var getal = 4.567;
getal.toFixed(2); // geeft 4.57[/JS]


:thumb:


Overgens kan je ook google even raadplegen: http://www.google.com/#hl=en&source...&aqi=g1&aql=&oq=&gs_rfai=&fp=e0fa4b5da4f245a4 (zie bv. de 1e hit)
 
Laatst bewerkt:
van google had ik inderdaad ook gevonden, maar ik wist niet waar ik het moest plaatsen in de code
 
Deze regel:
[JS]output.innerHTML = parseFloat(input.value) * 0.00119;[/JS]
Klik om te vergroten...
wordt dan zoiets:[JS]var getal = parseFloat(input.value) * 0.00119;
output.innerHTML = getal.toFixed(2);[/JS]:thumb:
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan