Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Crud Js</title>
    <script src="../js/jquery-3.2.1.min.js"></script>
  </head>
  <body id="content">
    <h2>Data Karyawan</h2>
    <br>
    <div id="view"> <?php require_once 'view.php' ?> </div>
    <br><br>
    <h2>Form Data</h2>
    <p id="pesan"></p>
    <table>
      <tr>
        <td>Nama Karyawan</td>
        <td>:</td>
        <td> <input type="text" name="nama" placeholder="nama"> <input type="hidden" name="id" value=""> </td>
      </tr>
      <tr>
        <td>Jenis Kelamin</td>
        <td>:</td>
        <td>
          <select name="jk">
            <option value="L">Laki-Laki</option>
            <option value="P">Perempuan</option>
          </select>
        </td>
      </tr>
      <tr>
        <td>Alamat</td>
        <td>:</td>
        <td> <textarea name="alamat" rows="4"></textarea> </td>
      </tr>
      <tr>
        <td></td>
        <td></td>
        <td>
          <button onclick="store()" id="tombolSimpan">Simpan</button>
                    <button onclick="reset()" id="tombolReset">Reset</button>
          <button onclick="update()" id="tombolUpdate">Update</button>
          <button onclick="getDelete()" id="tombolDelete">Delete</button>
          <button onclick="cancel()" id="tombolCancel">Cancel</button>
        </td>
      </tr>
    </table>
        <script>


            $('#tombolSimpan').show();
            $('#tombolReset').show();
            $('#tombolUpdate').hide();
            $('#tombolDelete').hide();
            $('#tombolCancel').hide();


        </script>
  </body>
</html>