index.html

<!DOCTYPE html>
<html>
  <head>
    <title><h1>Javascript API endpoint</h1></title>

    <link href="styles.css" rel="stylesheet" />
    <script src="SampleJSON.js"></script>
  </head>

  <body>
    <div id="root">
      <div>
        <table id="shiptable" class="shiptable">
          <thead>
            <th>Name</th>
            <th>Model</th>
            <th>Manufacturer</th>
            <th>Cost</th>
            <th>Length</th>
            <th>Max ATM Speed</th>
            <th>Crew</th>
            <th>Passengers</th>
            <th>Cargo capacity</th>
            <th>Consumables</th>
            <th>Hyperdrive Rating</th>
            <th>MGLT</th>
            <th>Starship Class</th>
            <th>Pilots</th>
            <th>Films</th>
            <th>Created</th>
            <th>Edited</th>
            <th>URL</th>
          </thead>
        </table>
      </div>
    </div>
  </body>
  <script src="javascript.js"></script>
</html>