Динамическое добавление инпутов

$("button").click(function() { 
	$("div").append("<input type='text' placeholder='first'>"); 
	$("div").append("<input type='text' placeholder='second'>"); 
})

<div> 
	<button>Click!!</button> 
</div> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

function addTwoInputs() { 
  var inp = document.createElement("input"); 
  inp.setAttribute("placeholder", "first"); 
  document.getElementById("container").appendChild(inp); 
 
  inp = document.createElement("input"); 
  inp.setAttribute("placeholder", "second"); 
  document.getElementById("container").appendChild(inp); 
}

<button onclick="addTwoInputs()">Click</button> 
<div id="container"></div>