Estoy tratando de implementar el método probado y comprobado de crear campos de entrada ilimitados (replicado a continuación). Mi problema es que cuando hago clic en el botón para agregar nuevos campos, las entradas en los elementos de entrada ya completados se transfieren al nuevo formulario en lugar de clonarse como espacios en blanco. Captura de pantalla del formulario

 `function moreFields() { let counter = 0; counter ++; let newFields = document.getElementById('readroot').cloneNode(true); newFields.id = ''; newFields.style.display = 'block'; let newField = newFields.childNodes; for (let i=0;i<newField.length;i++) { let theName = newField[i].name if (theName) newField[i].name = theName + counter; } let insertHere = document.getElementById('writeroot'); insertHere.parentNode.insertBefore(newFields,insertHere); console.log("more fields worked") }`

Hay alguna forma de arreglar esto. Gracias