JSFiddle - React, Tailwind, and code Playground

by hd_deman

HTML

<form id="test_form" method="post" action="http://ya.ru">
  <input id="add_text" type="text" />
  <input name="add_btn" type="button" value="add" onClick="testFunc()">
  <input type="submit" value="post">
  <ul id="demo"></ul>

</form>

JavaScript

function testFunc() {
  var para = document.createElement("input");
  var tpl = document.createElement("li");
  
  para.setAttribute('name', 'arr[]');
  para.setAttribute('type', 'hidden');
  para.setAttribute('value', document.getElementById("add_text").value);
  tpl.innerHTML = document.getElementById("add_text").value + "<button onclick='mydel(this)'>Delete</button>";
  var element = document.getElementById("demo");
  tpl.appendChild(para);
  
    element.appendChild(tpl);

}
function mydel(elem){
	elem.parentElement.remove();
}