JavaScript で入力フォーム要素を動的に作成するにはどうすればよいですか?

<code class="javascript">function addFields(){
    // Get the number of fields from the user input
    var number = document.getElementById("member").value;
    // Get the container where the inputs will be added
    var container = document.getElementById("container");
    // Remove any existing child nodes
    while (container.hasChildNodes()) {
        container.removeChild(container.lastChild);
    }
    // Add the specified number of input fields
    for (i=0;i<number;i++){
        // Create a new text node
        container.appendChild(document.createTextNode("Member " + (i+1)));
        // Create a new input field
        var input = document.createElement("input");
        input.type = "text";
        input.name = "member" + i;
        container.appendChild(input);
        // Add a line break
        container.appendChild(document.createElement("br"));
    }
}</code>