<html>
<head>
<title>Oefening 9.5: Een optelfunctie </title>
<script language="JavaScript">
<!--
//************************************
function telop(formulier) {
// formulierveld invoer inlezen
var getal=formulier.invoer.value;
//resultaat veld declareren
resultaat=0;
//string uitlezen en berekenen
for (var i=0;i<getal.length;i++) {
// controle: alleen getallen gebruiken
if ("0123456789".indexOf(getal.charAt(i))
>= 0){
resultaat+=parseInt(getal.charAt(i));
}
}
// formulierveld uitvoer bijwerken
formulier.uitvoer.value=resultaat ;
}
//-->
</script>
</head>
<body>
<form>
<table>
<tr>
<td>
Typ een getal:
</td>
<td>
<input name="invoer" type=text size=10 onBlur="telop(this.form);">
<input type="button" value="tel maar op!"
onClick="telop(this.form);">
</td>
</tr>
<tr>
<td>
De afzonderlijke cijfers opgeteld levert:
</td>
<td>
<input name="uitvoer" type=text size=10 onFocus="this.form.invoer.focus();">
<input type="button" value="Leegmaken" onClick="this.form.reset();this.form.invoer.focus();">
</td>
</tr>
</table>
</form>
</body>
</html>