tengo un formulario donde el usuario debe hacer nuevas entradas

ahora el usuario puede hacer una nueva entrada PERO solo una vez

índice.html

 <form id="MyForm"> <input type="text" class="Line" id="Line0"> </form>

índice.js

 MyForm.addEventListener('submit', { handleEvent(event) {//make new line event.preventDefault(); let myForm = document.getElementById("MyForm"); myForm.insertAdjacentHTML("beforeend", "<input type='text' class='Line'id='line1'>") } })

Yo he tratado :

 function new_line(index, event) { //change all indexes before this object let FormArray = Array.from(MyForm) MyForm.insertAdjacentHTML("beforeend", "<input type='text' class='Line' id='Line" + FormArray.length + " onsubmit='return new_line(" + FormArray.length + ")'>") event.preventDefault(); }

y

 function new_line(index) { //change all indexes before this object let FormArray = Array.from(MyForm) MyForm.insertAdjacentHTML("beforeend", "<input type='text' class='Line' id='Line" + FormArray.length + " onsubmit='return new_line(" + FormArray.length + ")'>") return false; }

pero ambas funciones actualizan la página antes de que entienda si funcionan o no