Блог

Я пытаюсь добавить в свою форму новое поле ввода и метку. Но когда я использую getElementByID innerHtml функции and, но я получаю пустую строку обратно в новую метку. Вот код формы:

     <form action="/" method="POST">
    <div id="container"></div>
    <input type="text" name="newItem" id="newF" placeholder="New Item" class="inp" autocomplete="off">
    <button type="button" onclick="addField()"> </button>
    <button type="submit" class="btn btn-success">Send</button>
 

Вот код JS:

     function addField(){
      // Container <div> where dynamic content will be placed
        let container = document.getElementById("container");
        let addedField = document.getElementById("newF");
    
        let label = document.createElement("label");
        console.log(addedField.innerHTML);
        label.innerHTML = addedField.innerHTML;
    
        // Create an <input> element, set its type and name attributes
        let input = document.createElement("input");
        input.type = "text";
        input.name = "member";
        input.className = "inp";
    
        container.appendChild(label);
        container.appendChild(document.createElement("br"));
        container.appendChild(input);
    }
 

У An input нет innerHTML — у него есть value . Изменить:

 label.innerHTML = addedField.innerHTML;
 

Для

 label.innerHTML = addedField.value;