When you click on the button, an input text box appears for the form using pure JS. How to do this correctly without jQuery? (Initial task: write a form editor) Thank you in advance - so that the force will be with you, Jedi) here's the code

<div class="tabs"> <div class="active"> <a href="javascript:;" class="jsAddBtn">Добавить новое поле</a> <a href="javascript:;" class="jsEditBtn">Поле редактирования</a> </div> </div> <ul class="wrapper"> <li><a href="javascript:;" class="jstekst">Текст</a></li><br> <li><a href="javascript:;" class="jspunkt">Параграф</a></li><br> <li><a href="javascript:;" class="jschak">Чекбокс</a></li><br> <li><a href="javascript:;" class="jsrat">Множественный выбор</a></li><br> <li><a href="javascript:;" class="jssel">Выпадающий список</a></li><br> <li><a href="javascript:;" class="jsdt">Дата</a></li><br> <li><a href="javascript:;" class="jsnbr">Число</a></li><br> </ul> <form> <input type="text" value="" name="one"> <input type="date" value="value" name="two"> <input type="checkbox" value="value" name="three"> <input type="radio" value="value"> <input type="number" value="value"> <textarea></textarea> <select></select>

    2 answers 2

    Something like that?

     function makeField() { var input = document.createElement('input'); document.body.appendChild(input); } 
     <button onclick="makeField()">Make a field</button>

    • oh yes, almost))) thanks for the hint))) - kikker
     var handler_func = function () { var e = document.createElement('input'); e.type='text'; e.name = 'Enter your fav day'; e.id = 'day'; this.parentNode.appendChild(e); return false; }