单击相应按钮时切换字段

Question

您好我需要添加字段并使用加号和减号按钮删除。每当我添加一个字段时，它工作正常，除非我在字段中输入内容然后添加另一个字段。前一个字段重置。此外，每当我单击减号按钮时，它都会删除所有字段。我希望它一次取走一个而不重置其他字段，并且每当我点击减号按钮时我都会收到一个非数字（NaN）错误。任何帮助是极大的赞赏。我将在下面显示我的代码。我问了这个earlier并希望得到更多答案。谢谢。

<input name="+" type="button" id="+" onclick="addInput()" value="+" label="+" />
<input name="-" type="button" id="-" onclick="subtractInput()" value="-" label="-" />

<span id="response"></span>
<script>
var countBox = 1;
var boxName = 0;

function addInput() {
var boxName = "#";
document.getElementById('response').innerHTML += '<br/><input type="text" id="' + boxName + '" value="' + boxName + '" "  /><br/>';
countBox += 1;
}

function subtractInput() {
var boxName = "#";
document.getElementById('response').innerHTML -= '<br/><input type="text" id="' + boxName + '" value="' + boxName + '" "  /><br/>';
countBox -= 1;
}
</script>