为什么无序列表的项目添加前显示子弹?

huangapple go评论72阅读模式
英文:

Why are the bullets for the unordered list being displaying before the items were added into the list?

问题

为什么在添加列表项之前显示了子弹点?

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>待办事项列表</title>
  </head>
  <body>
    <h1> <%=kindOfDay%> </h1>
    <ul>
      <% for (var i =0; i<= newListItems.length; i++){ %>
        <li> <%= newListItems[i] %></li>
      <%  } %>
    </ul>
    <form action="/" method="post">
      <input type="text" name="newItem" >
      <button type="submit" name="button">添加</button>
    </form>
  </body>
</html>

屏幕截图

英文:

Why are the bullets being displayed before the list items were added?

&lt;!DOCTYPE html&gt;
&lt;html lang=&quot;en&quot; dir=&quot;ltr&quot;&gt;
  &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot;&gt;
    &lt;title&gt;To Do List&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;h1&gt; &lt;%=kindOfDay%&gt; &lt;/h1&gt;
    &lt;ul&gt;
      &lt;% for (var i =0; i&lt;= newListItems.length; i++){ %&gt;
        &lt;li&gt; &lt;%= newListItems[i] %&gt;&lt;/li&gt;
      &lt;%  } %&gt;
    &lt;/ul&gt;
    &lt;form action=&quot;/&quot; method=&quot;post&quot;&gt;
      &lt;input type=&quot;text&quot; name=&quot;newItem&quot; &gt;
      &lt;button type=&quot;submit&quot; name=&quot;button&quot;&gt;Add&lt;/button&gt;
    &lt;/form&gt;
  &lt;/body&gt;
&lt;/html&gt;

Screenshot

答案1

得分: 0

这是一个差一的错误,请尝试使用以下代码:

<% for (var i=0; i < newListItems.length; i++){ %>
   <li> <%= newListItems[i] %></li>
<%  } %>
英文:

It's an off-by-one error, try this instead:

&lt;% for (var i=0; i &lt; newListItems.length; i++){ %&gt;
   &lt;li&gt; &lt;%= newListItems[i] %&gt;&lt;/li&gt;
&lt;%  } %&gt;

huangapple
  • 本文由 发表于 2020年1月3日 23:30:53
  • 转载请务必保留本文链接:https://go.coder-hub.com/59581218.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定