index.html

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Battleship</title>
  <link rel="apple-touch-icon" sizes="57x57" href="img/apple-icon-57x57.png">
  <link rel="apple-touch-icon" sizes="60x60" href="img/apple-icon-60x60.png">
  <link rel="apple-touch-icon" sizes="72x72" href="img/apple-icon-72x72.png">
  <link rel="apple-touch-icon" sizes="76x76" href="img/apple-icon-76x76.png">
  <link rel="apple-touch-icon" sizes="114x114" href="img/apple-icon-114x114.png">
  <link rel="apple-touch-icon" sizes="120x120" href="img/apple-icon-120x120.png">
  <link rel="apple-touch-icon" sizes="144x144" href="img/apple-icon-144x144.png">
  <link rel="apple-touch-icon" sizes="152x152" href="img/apple-icon-152x152.png">
  <link rel="apple-touch-icon" sizes="180x180" href="img/apple-icon-180x180.png">
  <link rel="icon" type="image/png" sizes="192x192"  href="img/android-icon-192x192.png">
  <link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="96x96" href="img/favicon-96x96.png">
  <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
  <link rel="manifest" href="img/manifest.json">
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="msapplication-TileImage" content="img/ms-icon-144x144.png">
  <meta name="theme-color" content="#ffffff">
  <meta name="description" content="Basic battleship game">
  <meta name="author" content="DRC">

  <link rel="stylesheet" href="css/styles.css?v=1.0">

</head>
<body>
<h1>Battleship game!</h1>
<table id="ocean" border="1"></table>
<div id="error-message" style="display:none;background-color:red"></div>
<div id="message" style="display:none;background-color:green"></div>
<form>
    <label for="txtCoorX">X:</label><input type="number" id="txtCoorX" minlength="1" maxlength="2" size="2">
    <label for="txtCoorY">Y:</label><input type="text" id="txtCoorY" minlenght="1" maxlength="1" size="2"><br>
    <button type="button" id="btnFire">Fire!</button>
</form>
<script
  src="http://code.jquery.com/jquery-3.4.1.min.js"
  integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
  crossorigin="anonymous"></script>
  <script src="js/globals.js"></script>
  <script src="js/battlefield.js"></script>
  <script src="js/logic.js"></script>
  <script>
    init();
  </script>
</body>
</html>