Array table

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>CRUD Static</title>
  <!-- minify -->
  <link href="https://unpkg.com/nes.css@2.1.0/css/nes.min.css" rel="stylesheet" />
  <!-- latest -->
  <link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
  <!-- core style only -->
  <link href="https://unpkg.com/nes.css/css/nes-core.min.css" rel="stylesheet" />
  <!-- font -->
  <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
  <!-- font - style -->
  <link href="https://unpkg.com/nes.css/css/nes.css" rel="stylesheet" />


  <script src="script.js"></script>


  <style>

    html, body, pre, code, kbd, samp {
          font-family: "Press Start 2P";
          margin: 0;
          padding: 0;
      }

      .nes-container{

        margin-top: 20px;

      }

      table th{

        width: 50%;

      }

      table td{

        text-align: center;

      }

    </style>
</head>

<body>

  <div class="nes-container with-title is-centered">
    <p class="title">Create Table With Array</p>
    <p>Aplikasi Ku</p>

    <form id="myForm">

      <label for="fullname">Nama:</label>
      <input type="text" id="myName" class="nes-input is-success"> <br>

      <label for="fullage">Umur:</label>
      <input type="text" id="myAge" class="nes-input is-success"> <br>

      <label for="fullhobby">Hobby:</label>
      <input type="text" id="myHobby" class="nes-input is-success"> <br><br>

      <button type="button" onclick="myFunction()" class="nes-btn is-primary">Kirim Data</button>

    </form>
  </div>

  <div class="nes-table-responsive">
    <table class="nes-table is-bordered is-centered" id="myTable">
      <thead>
        <tr>
          <th>Nama</th>
          <th>Umur</th>
          <th>Hobi</th>
        </tr>
      </thead>
    </table>

  </div>

<script>

try {

    function myFunction() {

        // get Data to filed
        var myData1 = document.forms["myForm"]["myName"].value;
        var myData2 = document.forms["myForm"]["myAge"].value;
        var myData3 = document.forms["myForm"]["myHobby"].value;

        // get Array Data
        var myArray = [];
        // push data to array
        myArray.push(myData1 + " " + myData2 + " " + myData3);


        //  result table to display
        var table = document.getElementById("myTable");
        var x = 3;
        var row = table.insertRow();
        for (var a = 0; a < x; a++) {

            var cell = row.insertCell();
            cell.innerHTML = myArray;

        }
    }

} catch (err) {

    let error = err.message + " " + err.name;
    console.log(error);
}


</script>

</body>

</html>