error

<!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="scriptArr.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">Tambah Data With Object</p>
    <p>Aplikasi Ku</p>

    <br>

    <form action="javascript:void(0);" method="POST" 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><br>

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

      <button type="button" class="nes-btn is-primary"  onclick="add()">Tambah 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>Hobby</th>
          <th>Delete</th>
        </tr>
      </thead>

      <tbody id="myData">

      </tbody>

    </table>

  </div>

 <script>
  try {

    function add() {

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

        // get Array Data
        myArray = [];

        // push data to array
        myArray.push(myData1);
        myArray.push(myData2);
        myArray.push(myData3);


        //  result table to display
        var table = document.getElementById("myData");
        var row = table.insertRow();

        for (let a = 0; a < myArray.length; a++) {

            var cell = row.insertCell();
            cell.innerHTML += myArray[a];
            cell.innerHTML += '<button onclick=del(' + myArray + ')>Delete</button>';

        }
    }


} catch (err) {

    let error = err.message + " " + err.name;
    console.log(error);
}
  </script>


</body>

</html>