index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="/images/giphy.gif" style="filter:opacity(50%);" type="image/x-icon">
    <title>Tic tac toe|Home</title>
</head>

<body style="background-image: url(/images/background.gif); " >
<h1>Tic Tac Toe </h1>
<div class="select">
    <hr>
    <p>Select which you want to be?
          <select onchange="PL=this.value">
            <option value= 1>player O</option>
            <option value= -1>player X</option> 
        </select></p>
      </div>
<div class="select">
<hr>
<p> Play with:
    <select onchange="AI=this.value">
        <option value="false">Human</option>
        <option value="true">Computer</option>
    </select></p>
	<hr></div>
    <div class="opt">
    <div class="game-container">
        <div id="c00" class="cell"></div>
        <div id="c01" class="cell"></div>
        <div id="c02" class="cell"></div>
        <div id="c10" class="cell"></div>
        <div id="c11" class="cell"></div>
        <div id="c12" class="cell"></div>
        <div id="c20" class="cell"></div>
        <div id="c21" class="cell"></div>
        <div id="c22" class="cell"></div>
		
    </div>
    </div>
	
	
    <button class="restart" onclick="restart()">Restart</button><hr>
	
	
	
    
    <script src="main.js"></script>
</body>

</html>