Javascript:标记数组结果

Javascript: Labeling array results

本文关键字：数组结果 Javascript 更新时间：2023-09-26

好吧，这是我的Html代码：

<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>

还有我的Javscript:

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

代码本身运行良好，但我一生都不知道如何添加一个标签来识别数据显示的内容

示例为显示名称的"名称："和显示日期之前出现的"日期："。

在此期间，我还需要完成文档的其他部分，但这确实困扰着我。

更改此的显示功能

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;
    }