Limit add elements

[gerix]

Hello, how do I add limit? add a maximum of 3 elements. thx for answer

Code: Select all

<script>

function addEvent() {

var ni = document.getElementById('myDiv');

var numi = document.getElementById('theValue');

var num = (document.getElementById("theValue").value -1)+ 2;

numi.value = num;

var divIdName = "my"+num+"Div";

var newdiv = document.createElement('div');

newdiv.setAttribute("id",divIdName);

newdiv.innerHTML = "Element Number " + num + " has been added! <a href=\"javascript:;\" onclick=\"removeElement(\'"+divIdName+"\')\">Remove the element &quot;"+divIdName+"&quot;</a>";

ni.appendChild(newdiv);

}



function removeElement(divNum) {

var d = document.getElementById('myDiv');

var olddiv = document.getElementById(divNum);

d.removeChild(olddiv);

}

</script>





<input type="hidden" value="0" id="theValue" />

<p><a href="javascript:;" onclick="addEvent();">Přidat další práci</a></p>

<div id="myDiv"> </div>