【问题标题】：List items are not shown as well as can't add new items in list dynemically列表项不显示，也不能动态添加列表项
【发布时间】：2022-10-18 07:23:52
【问题描述】：

这些代码不允许我将新项目添加到列表中，并且已添加的列表项目未显示。按钮符号未显示。列表.ejs待办事项清单

<%= 列表标题 %>

<%= newListItems[i] %>

<button type="submit" name="button" value=<%= listTitle %>+应用程序.js常量表达 = 要求（“表达”）； const bodyParser = require("body-parser"); const app = express(); let items =["买食物","煮食物","吃食物"];让 workItems=[]; app.set('视图引擎','ejs'); app.use(bodyParser.urlencoded({extended:true})); app.use(express.static("public")); app.get("/", function(req, res){ let today = new Date(); let options={ weekday:"long", day:"numeric", month:"long" }; let day=today .toLocaleDateString("en-US",options); res.render("list",{listTitle:day , newListItems:items}); }); app.post("/",function(req,res){ let item = req.body.newItem; if(req.body.list === "Work"){ workItems.push(item); res.redirect( "/work"); } else{ items.push(item); res.redirect("/"); } }); app.get("/work",function(req,res){ res.render("list",{listTitle:"工作列表", newListItems:workItems}); }); app.listen(3000, function(){ console.log("服务器在 3000 端口启动。"); });

【问题讨论】：

当涉及到asking a good question 和这个question checklist 时，您可能会发现阅读网站help section 很有用。您为解决问题而编写的代码应包含minimal reproducible example，并包含在您的问题中。
请提供足够的代码，以便其他人可以更好地理解或重现该问题。

标签： javascript node.js express

【解决方案1】：

  <%= listTitle %>     
 <% for(var i=0; i < newListItems.length; i++) %>
            <% { %>
                <%= newListItems[i] %>

                    <% } %>
          <form action="/" method="POST">
              <input type="text" name="newItem">
              <button type="submit" name="button"><%=listTitle %></button>
          </form>

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。
我尝试使用上面的代码，但仍然不允许输入数组项..

【解决方案2】：

app.post("/", function(req,res){
  let item = req.body.newItem;
  if(req.body.list === "Work List"){
    workItems.push(item);
    res.redirect("/work");
  } else {
    items.push(item);
    res.redirect("/");
  }
});

【讨论】：