<title>Tic Tac Toe</title>
<style>
body {
display:flex; justify-content:center; align-items:center;
flex-direction:column; height:100vh; background:
#222; color:#fff; font-family:sans-serif;
}
h1 { margin-bottom: 10px; }
#modeSelect, #symbolSelect { margin-bottom:20px; }
#board {
display:grid;
grid-template-columns: repeat(3, 100px);
grid-template-rows: repeat(3, 100px);
gap:5px;
}
.cell {
width:100px; height:100px; background:
#333; display:flex;
justify-content:center; align-items:center; font-size:48px; cursor:pointer;
}
.cell:hover { background:
#555; }
#message { margin-top:20px; font-size:18px; }
button { padding:10px 20px; margin-top:10px; cursor:pointer; }
</style>
Tic Tac Toe
Play with Friend
Play vs AI
Restart Game
<script src="tic.js"></script>
Tic Tac Toe
Choose your symbol:
X O