Ik heb een javascript functies gemaakt die door middel van een druk op de knop eenformulier veld toevoegd en ook een knop om formulierveld te verwijderen. Met een onder en bovengrens:
http://www.tessan.nl/test/optellen.html
Maar nu werkt hij niet helemaal goed. Als ik bijvoorbeeld 10 velden maak en 10 velden verwijder en dan weer optel en verwijder gaat het mis. Speel er maar mee.
Kan iemand mij helpen. Heb idee dat hele simpele oplossing is.
http://www.tessan.nl/test/optellen.html
Maar nu werkt hij niet helemaal goed. Als ik bijvoorbeeld 10 velden maak en 10 velden verwijder en dan weer optel en verwijder gaat het mis. Speel er maar mee.
Kan iemand mij helpen. Heb idee dat hele simpele oplossing is.
Code:
<html>
<head>
<title>Optel en aftel</title>
<script>
var totaal = 0;
function Optellen() {
if (totaal != 10) {
totaal += 1;
document.getElementById('tekst_velden').innerHTML += "<div id='antwoorden" + totaal + "'>" + totaal +"<br /><br></div>";
document.getElementById('weergave').value = totaal;
if (totaal > 0) {
document.form.aftel.disabled=false;
}
} else {
document.form.optel.disabled=true;
alert("Kan niet verder optellen!");
}
}
function Aftrekken() {
if (totaal != 0) {
var abc = 'antwoorden' + totaal;
document.getElementById(abc).innerHTML = "";
totaal -= 1;
document.getElementById('weergave').value = totaal;
if (totaal < 10) {
document.form.optel.disabled=false;
}
}else {
document.form.aftel.disabled=true;
alert("Kan niet verder aftrekken!");
}
}
function Disablebtn() {
document.form.aftel.disabled=true;
}
</script>
<!-- <input type='text' value='" + totaal + "' id='antwoord" + totaal + "' /> -->
</head>
<body onload="Disablebtn();">
<form name="form">
<input type="button" onclick="Optellen();" name="optel" id="optel" value="Optellen" /> | <input type="button" onclick="Aftrekken();" name="aftel" id="aftel" value="Aftrekken"/><br /><br />
<p>
<h4>Optellen en aftrekken</h4>
<input type="text" name="weergave" value="0" id="weergave" /></p>
<h4>Vragen</h4>
<div id="tekst_velden">
</div>
</form>
</body>
</html>