title: display data in table from given string of array in javascript
body: <p>I have to display data in html table in <strong>value</strong> column from given textarea field. The string value should be converted into an array and all data will execute through loop and display by sequence of order.
  <a href="https://i.stack.imgur.com/lj0Af.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lj0Af.png" alt="Image to illustrate" /></a></p>
  <p>input string : <code>vivek purohit abc xyz</code> (and string data should be display sequence vise in value column)</p>
  <p>here is my html code &amp; javascript code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>function getValue() {
  var data = document.getElementById("value").value;
      var res = data.split(" ");
      console.log(res);
      document.getElementById("demo").innerHTML = res;
      var store= [];
      var dta = '&lt;table&gt;&lt;tr&gt;&lt;td&gt;Value&lt;/td&gt;&lt;tr&gt;&lt;/table&gt;'
          for( i=1;i&lt;=53;i++){
              
              store += dta;
          }
          document.getElementById("dta").innerHTML = store;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;title&gt;Flight Data&lt;/title&gt;
      &lt;style type="text/css"&gt;
          table,
          td,
          th {
              border: 1px solid black;
          }
  
          table {
              border-collapse: collapse;
              width: 50%;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  
      &lt;textarea id="value" name="value" rows="" cols=""&gt;&lt;/textarea&gt;
      &lt;button type="submit" onclick="getValue()"&gt;Submit&lt;/button&gt;
      &lt;!-- &lt;p id="demo"&gt;&lt;/p&gt; --&gt;
      &lt;h2 id="demo"&gt;&lt;/h2&gt;
      &lt;h2 id="s1"&gt;&lt;/h2&gt;
      &lt;div id="dta"&gt;&lt;/div&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;th&gt; Sr No.&lt;/th&gt;
              &lt;th&gt;ASDI&lt;/th&gt;
              &lt;th&gt;Aerobook&lt;/th&gt;
              &lt;th id='value'&gt;Value&lt;/th&gt;
                     
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;1&lt;/td&gt;
              &lt;td&gt;Message Type&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;2&lt;/td&gt;
              &lt;td&gt;Aircraft identifier&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
  
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;3&lt;/td&gt;
              &lt;td&gt;Aircraft data&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;4&lt;/td&gt;
              &lt;td&gt;Coordination fix&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;5&lt;/td&gt;
              &lt;td&gt;Coordination time&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;6&lt;/td&gt;
              &lt;td&gt;Entry Point Name&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;7&lt;/td&gt;
              &lt;td&gt;Entry Point Time&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;8&lt;/td&gt;
              &lt;td&gt;Exit Point Name&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;9&lt;/td&gt;
              &lt;td&gt;Exit Point Time&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;10&lt;/td&gt;
              &lt;td&gt;Route&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;11&lt;/td&gt;
              &lt;td&gt;Departure point&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;12&lt;/td&gt;
              &lt;td&gt;Final destination&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;13&lt;/td&gt;
              &lt;td&gt;Actual Arrival time&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;14&lt;/td&gt;
              &lt;td&gt;Registration&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;15&lt;/td&gt;
              &lt;td&gt;Allocated SSR code&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;16&lt;/td&gt;
              &lt;td&gt;SSR Equipment&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;17&lt;/td&gt;
              &lt;td&gt;Aircraft Com/Nav/App aid Equipment.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;18&lt;/td&gt;
              &lt;td&gt;Remarks field&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;19&lt;/td&gt;
              &lt;td&gt;Code field&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;20&lt;/td&gt;
              &lt;td&gt;Operator field&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;21&lt;/td&gt;
              &lt;td&gt;Scheduled departure time.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;22&lt;/td&gt;
              &lt;td&gt;Actual departure time&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;23&lt;/td&gt;
              &lt;td&gt;Estimated time of arrival as filed&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;24&lt;/td&gt;
              &lt;td&gt;ADES 1 (Destination airport at activation)&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;25&lt;/td&gt;
              &lt;td&gt;Number of missed approaches at ADES 1&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;26&lt;/td&gt;
              &lt;td&gt;Time diverted from ADES 1&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;27&lt;/td&gt;
              &lt;td&gt;ADES 2 (First diversion airport)&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;28&lt;/td&gt;
              &lt;td&gt;Number of missed approaches at ADES 2&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;29&lt;/td&gt;
              &lt;td&gt;Time diverted from ADES 2&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;30&lt;/td&gt;
               &lt;td&gt;ADES 3 (Second diversion airport).&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;31&lt;/td&gt;
               &lt;td&gt;Number of missed approaches at ADES 3&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;32&lt;/td&gt;
               &lt;td&gt;Time diverted from ADES 3.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;33&lt;/td&gt;
               &lt;td&gt;Number of instrument approaches.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;34&lt;/td&gt;
               &lt;td&gt;Number of local movements.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;35&lt;/td&gt;
               &lt;td&gt;Persons on board&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;36&lt;/td&gt;
               &lt;td&gt;Returned field.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;37&lt;/td&gt;
               &lt;td&gt;Touched-down field.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;38&lt;/td&gt;
               &lt;td&gt;ICAO flight type and AFL billing ancillary flight type.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;39&lt;/td&gt;
               &lt;td&gt;Filed Flight Rules.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;40&lt;/td&gt;
               &lt;td&gt;Final Flight Rules.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;41&lt;/td&gt;
               &lt;td&gt;Distance to run at change to final flight rules.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;42&lt;/td&gt;
               &lt;td&gt;Time of change to final flight rules.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;43&lt;/td&gt;
               &lt;td&gt;SPA name at change to final flight rules.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;44&lt;/td&gt;
              &lt;td&gt;Route type indicator&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;45&lt;/td&gt;
              &lt;td&gt;Route miles flown&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;46&lt;/td&gt;
              &lt;td&gt;Departure airport runway.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;47&lt;/td&gt;
              &lt;td&gt;Final destination airport runway&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;48&lt;/td&gt;
              &lt;td&gt;Termination agent.&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;49&lt;/td&gt;
              &lt;td&gt;Termination time&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;50&lt;/td&gt;
              &lt;td&gt;Deletion agent&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;51&lt;/td&gt;
              &lt;td&gt;Landing Gate&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;52&lt;/td&gt;
              &lt;td&gt;Departure Gate&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;53&lt;/td&gt;
              &lt;td&gt;Activation message time stamp&lt;/td&gt;
              &lt;td&gt;-&lt;/td&gt;
              &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
  
      &lt;/table&gt;
  &lt;/body&gt;
  &lt;script src="script.js"&gt;&lt;/script&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>