如何添加文本框并使用“文本框”；编辑"；功能切换至“a”；“完成”；javascript函数？

我是JS编程的新手，我绞尽脑汁想弄明白这一点。有人能告诉我怎么做吗

我有一个“添加”按钮和一个“编辑”按钮。当您单击“添加”按钮时，将在下方显示一个文本字段以输入名称。同时，“编辑”按钮更改为“完成”按钮，以便在完成文本输入后，单击“完成”按钮后，文本需要显示在该页面上。最后，单击“完成”后，“编辑”按钮返回

这是另一个疯狂之处，因此当您添加完文本后，“编辑”按钮会起作用，因此当单击时，删除按钮会出现在名称的右侧。

您可以将不想显示的元素隐藏起来，然后调用JS函数根据需要设置这些元素的可见性

试试这个

 Add<input type="text" id="text" style="display:none" />
 <br>
 <button id="add" onclick="add()" name="add" value="Add">Add</button>
 <button id="edit" name="add" value="Edit">Edit</button>
 <button id="done" onclick="done()" name="add" value="Done" style="display:none">Done</button>

---

你能出示你的密码吗？这里不太清楚你在逃避什么。您不知道如何操作HTML元素（或“DOM操作”）吗？是否不确定如何更改按钮的文本或使元素显示/消失？我们绝对是来帮助你的，但我们也不会为你做家庭作业。为每个任务添加一个单独的按钮，并根据需要显示/隐藏它们。你应该始终显示你的代码。

function add() {
document.getElementById('edit').style.display = "none";
document.getElementById('done').style.display = "block";
document.getElementById('text').style.display = "block";
}

function done() {
document.getElementById('done').style.display = "none";
document.getElementById('edit').style.display = "block";
document.getElementById('text').style.display = "none";

}