<form action="registerform.php" method="POST">
                            <div class="addform">

<p><label for="">Title<br> <input type="text" name="title"/></label></p>
<p><label for="">Ingrediens<br></label></p>
<div class="componentsButton"><p>Add ingrediens</p></div>
<div class="compnents">

</div>
<p><label for="">Description<br> <textarea class="descript" name="description"></textarea></label></p>
                    <input class="submit"type="submit" name="submit" value="Submit"/>
                    <p class = "error"> <?php echo $_GET['error'] ?></p>

                </div>
            </form>
            <script type="text/javascript" src="">
              var x=0;
              var element=document.querySelector(".componentsButton");
              element.addEventListener('click', newInput());

function newInput(){
    x=x+1;
    var name = 'components' + x;
    var kontener = document.querySelector(".components");
	var znacznik = document.createElement('input');
	znacznik.setAttribute('type', 'text');
	znacznik.setAttribute('name', name);
	znacznik.className = 'componentsInput';
	kontener.appendChild(znacznik);
}




            </script>