Javascript 如何创建一个按钮，允许用户向前遍历用户最近输入的数据？

我想要3个按钮

添加输入按钮-此按钮创建一个新的输入框，以添加到以前创建的输入框中

编辑上一个按钮-创建新输入框后，此按钮允许用户按顺序编辑先前输入框中的数据

编辑下一步按钮-这是我需要帮助的地方，使用按钮2后，用户无法移动到下一个条目。唯一的选择是使用按钮#1添加另一个输入。我需要用户能够前进到下一个条目，而不是创建新的textPot

如何在jquery中创建按钮3

var输入，inputCount=0；
函数newInput（）{
$（'#box>input'）.hide（）；
inputCount++；
输入=$（“”）
艾特先生({
“类型”：“文本”，
“占位符”：“条目”+输入计数，
“数据id”：输入计数
})
.appendTo（$（“#box”）；
}
函数editPreviousEntry（）{
var cId=$（'#box>input:visible'）。数据（'id'）；
如果（cId-1！==0）{
$（'#box>input'）.hide（）；
$（“#box>输入：第n个子项（“+（cId-1）+”）.show（）；
}
$（'#box>input:n个子（'+inputCount+'））.hide（）；
}

输入{
显示：块；
边缘底部：5px；
}

添加条目
编辑以前的条目
编辑下一个条目

这应该行得通

var输入，inputCount=0；
函数newInput（）{
$（'#box>input'）.hide（）；
inputCount++；
输入=$（“”）
艾特先生({
“类型”：“文本”，
“占位符”：“条目”+输入计数，
“数据id”：输入计数
})
.appendTo（$（“#box”）；
}
函数editPreviousEntry（）{
var cId=$（'#box>input:visible'）。数据（'id'）；
如果（cId-1！==0）{
$（'#box>input'）.hide（）；
$（“#box>输入：第n个子项（“+（cId-1）+”）.show（）；
}
$（'#box>input:n个子（'+inputCount+'））.hide（）；
}
函数editNextEntry（）{
var cId=$（'#box>input:visible'）。数据（'id'）；
如果（cId+1