index.html

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  </head>

  <body>
    <h1 id="encabezado">Hello Plunker!</h1>

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

    <div id="contenedor">

    </div>

    <input type="number" id="id">
    <button onclick="consultar();">Consultar</button>

    <br>

    <table border="1">
      <thead>
        <tr>
          <td>DT</td>
        </tr>
      </thead>
      <tbody id="cuerpoTabla">

      </tbody>
    </table>
  </body>

</html>