Javascript 输入框中的值未显示

所以我尝试创建一个简单的待办应用程序。这个列表本身运行得非常好，而且应该如何添加内容

但是，现在我尝试用一种时间线，它基本上以不同的样式显示待办事项

现在的问题是，每次添加项目时，它都会出现在常规检查表中，但不会出现在新的时间线中。LI被创建，但里面没有内容

你们中有谁知道我如何像我在常规检查表中那样，将输入框中的输入值显示到时间线中

let inputValue=document.getElementById（“inputValue”）；
让addButton=document.getElementById（“addButton”）；
设frm=document.querySelector（“表单”）；
//防止刷新
函数句柄形式（事件）{
event.preventDefault（）；
}
函数addItem（）{
//检查输入是否为空值
如果（inputValue.value.length==0）{
警报（“您的输入为空”）；
返回；
}
//创建LI并附加到UL
让listItem=document.createElement（“li”）；
listItem.innerText=inputValue.value；
让ul=document.getElementById（“列表ul”）
ul.附录子项（列表项）；
listItem.className=“列表项”；
//创建删除按钮并附加到LI
让deleteButton=document.createElement（“按钮”）；
listItem.appendChild（deleteButton）；
deleteButton.className=“删除按钮”；
deleteButton.innerHTML=''；
deleteButton.addEventListener（“单击”，删除项）；
//重置输入
frm.reset（）；
//防止刷新
frm.addEventListener（“提交”，手册）；
//删除函数
功能删除项（e）{
控制台日志（“项目已删除”）；
remove（）；
}
//时间线
让timeline=document.getElementsByClassName（“timeline”）；
让timeUl=document.getElementById（“timeUl”）；
//为时间线创建LI
让timelineItem=document.createElement（“li”）；
timelineItem.innerText=inputValue.value；
timeUl.appendChild（timelineItem）；
}

文件
做
添加项

好吧，我只是瞎了眼，忘了我通过重置表单清除了输入。

您正在重置表单，然后尝试从输入中访问已清除的值

const todoValue = inputValue.value;

...

//Timeline
timelineItem.innerText = todoValue;

移动

frm.reset（）到

...

//Timeline
let timeline = document.getElementsByClassName("timeline");
let timeUl = document.getElementById("time-ul");
//Create LI for timeline
let timelineItem = document.createElement("li");
timelineItem.innerText = inputValue.value;
timeUl.appendChild(timelineItem);

//Reset the Input
frm.reset();

另一种选择是将输入值存储在变量中，并在重置表单之前在调用中使用它

const todoValue = inputValue.value;

...

//Timeline
timelineItem.innerText = todoValue;

请在此处添加有意义的代码和问题描述。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！这是因为您在使用表单输入值之前重置了表单。@@/重置Input@RandyCasburn谢谢你。如此愚蠢的错误…@AdrianB.，那是因为在添加到时间线之前对表单进行了REST。。考虑到添加项函数的底部休息。固定解决方案：@AdrianB。没有问题，快乐编码。