Question

好的，所以这是我的Html代码：

Run

我的Javscript：

<html>
    <head>
    <title>Planning</title>

<script type="text/javascript" src="Function.js"></script>  
    </head>
        <body>

        <form id="form">

            <h1><b>Please enter data</b></h1>
        <hr size="3"/>
        <br>

            <label for="Name">Name:</label> <input id="Name" type="text" /> 
        <br>

            <label for="Date">Date:   </label><input id="Date" type="text" />
        <br>

            <label for="Plans">Plans: </label><input id="Plans" type="text" />
        <br>
        <br>

            <input type="button" value="Save" onclick="insert();">
            <input type="button" value="Show data" onclick="show();"> <br>

            <h2><b>Data:</b></h2>
        <hr>
        </form>

        <div id="display">

            </div>
        </body>

</html>

代码本身工作正常，但我生活中无法弄清楚如何做的是添加一个标识数据的标签。

例如，显示名称为“Name：”，显示日期之前出现“date：”。

在此期间我还需要完成文档的其他部分，但这真的让我感到烦恼。

Answer 1

将显示功能更改为此

function show() {
      var content="<b>Your Plans For the Day:</b><br>";
      for(var i = 0; i < Name.length; i++) {
         content += "Name " + Name[i]+"<br>";
      }
      for(var i = 0; i < Date.length; i++) {
         content += "Date" + Date[i]+"<br>";
      }
      for(var i = 0; i < Plans.length; i++) {
         content += "Plans" + Plans[i]+"<br>";
      }
      document.getElementById('display').innerHTML = content;
    }

Javascript：标记数组结果

1 个答案: