JSFiddle - React, Tailwind, and code Playground

by xxxvvvxxx

HTML

<div id="test">
	<div><input type="text" /></div>
</div>
<div><button onclick="add();">추가</button><button onclick="save();">저장</button></div>

JavaScript

// 인풋박스 추가
function add() {
	var div = document.createElement("div");
	var input = document.createElement("input");
	input.type = "text";
	div.appendChild(input);
	document.querySelector("#test").appendChild(div);
}

// 배열에 인풋박스의 값을 저장
function save() {
	var arr = [];
	var inputs = document.querySelectorAll("#test input");
	inputs.forEach(function(item) {
		arr.push(item.value);
	});
	alert("저장된 값 : " + arr)
}