JSFiddle - React, Tailwind, and code Playground

by joshpauljohnson

HTML

<form id="myForm">
<input type="text" name="field1" id="field1"/>
<input type="submit"/>
</form>

JavaScript

document.getElementById("myForm").addEventListener("submit", function(e){
	e.preventDefault();
  
  console.log(e.target.elements);
});
document.getElementById("field1").addEventListener("click", function(e){
  
  document.getElementById("myForm").insertAdjacentHTML("beforeend", '<input type="text" name="fieldX"/>');
});