index.html

<!doctype html>
<head>
  <title>Connect 4</title>
  <link rel="stylesheet" href="connect4.css" >
  <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
</head>
<body>

<div id="flex-box">
  <div id="title">
    <p>Connect 4</p>
</div>

<div id="start-menu">
  <p>
      <button id="againstFriend" onClick="game.handleClickStart(false);"> Play against Human</button>
      <button id="againstCPU" onClick="game.handleClickStart(true);"> Play against Leiah</button>
  </p>
  <img src="pose.png" width="400">
</div>

</div>
<p>
  <img src="really.png" id="really">
  <img src="whatThe.png" id="whatThe">
</p>
<div id="game">

  <table id="board"></table>
</div> 
 
<!-- <script src="connect4.js"></script> -->

<script src="connect4-oo.js"></script>
<script src="ai-bot.js"></script>

</body>
</html>