[html][js]Dynamiczne dodawanie pól formularza z ustalonym zakresem Opcje

[manyjg]

witam

jestem wielkim laikiem w JS, ale przydał mi się jeden prosty skrypt z tej strony.
oto kod jaki osobiście użyłem w nagłówku

Kod

<script type="text/javascript">
     <!--
     function dodaj_element(kontener){
    
         var znacznik = document.createElement('input');
         znacznik.setAttribute('type', 'file');
         znacznik.setAttribute('name', 'plik');
         znacznik.className = 'upload';
         var kontener = document.getElementById(kontener);
         kontener.appendChild(znacznik);<font color="#0000ff"></font>
     }
     //-->
     </script>

formularz

Kod

<form action="jakisplik.php" method="post">
         <div id="pliki">
             <input type="file" name="plik" class="upload" />
         </div>
         <div>
             <input type="button" value="Załącz kolejny plik" onclick="dodaj_element('pliki');" />
             <input type="submit" value="Wyślij" />
         </div>
     </form>

Pytanie moje brzmi jak zrobić ograniczenie by można było dodać tylko 3 pliki czyli, aby nie rozwijalo się to w nieskończonośc tylko kod JS po 3 kliknięciach w button nie wiem zakrywał go uniemożliwoaqł kolejne uzycie kodu