TicTacToe

What is a tictactoe How do you make a tictactoe? This script and codes were developed by Yas on 11 March 2022, Friday.

How do I make an tictactoe?
  1. TicTacToe Previews
  2. TicTacToe HTML Codes
TicTacToe Previews

TicTacToe HTML Codes

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>TicTacToe</title>
  
  
  
  
  
</head>

<body>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css?family=Comfortaa:700|Droid+Sans+Mono|Roboto:300,400" rel="stylesheet">

<body>
  <div id="container">
    <div id="frame">
      <div class="game-text text-left" id="p1">Player-1: <span id="s1">0</span></div>
      <div class="game-text text-right" id="p2">Player-2: <span id="s2">0</span></div>
      <div class="vertical" id="v-left"></div>
      <div class="vertical" id="v-right"></div>
      <div class="horizontal" id="h-top"></div>
      <div class="horizontal" id="h-bottom"></div>
      <div class="x xo" id="x1">X</div>
      <div class="x xo" id="x2">X</div>
      <div class="x xo" id="x3">X</div>
      <div class="x xo" id="x4">X</div>
      <div class="x xo" id="x5">X</div>
      <div class="x xo" id="x6">X</div>
      <div class="x xo" id="x7">X</div>
      <div class="x xo" id="x8">X</div>
      <div class="x xo" id="x9">X</div>
      <div class="o xo" id="o1">O</div>
      <div class="o xo" id="o2">O</div>
      <div class="o xo" id="o3">O</div>
      <div class="o xo" id="o4">O</div>
      <div class="o xo" id="o5">O</div>
      <div class="o xo" id="o6">O</div>
      <div class="o xo" id="o7">O</div>
      <div class="o xo" id="o8">O</div>
      <div class="o xo" id="o9">O</div>
      <div class="win-hor-line" id="line1"></div>
      <div class="win-hor-line" id="line2"></div>
      <div class="win-hor-line" id="line3"></div>
      <div class="win-ver-line" id="line4"></div>
      <div class="win-ver-line" id="line5"></div>
      <div class="win-ver-line" id="line6"></div>
      <div class="win-diag-line" id="line7"></div>
      <div class="win-diag-line" id="line8"></div>
      <div class="box pos1" id="box1" onclick="draw('1')">&nbsp;</div>
      <div class="box pos2" id="box2" onclick="draw('2')">&nbsp;</div>
      <div class="box pos3" id="box3" onclick="draw('3')">&nbsp;</div>
      <div class="box pos4" id="box4" onclick="draw('4')">&nbsp;</div>
      <div class="box pos5" id="box5" onclick="draw('5')">&nbsp;</div>
      <div class="box pos6" id="box6" onclick="draw('6')">&nbsp;</div>
      <div class="box pos7" id="box7" onclick="draw('7')">&nbsp;</div>
      <div class="box pos8" id="box8" onclick="draw('8')">&nbsp;</div>
      <div class="box pos9" id="box9" onclick="draw('9')">&nbsp;</div>
      <div class="turnLine">&nbsp;</div>
    </div>
  </div>
</body>
  
  
</body>
</html>
Do you want hide your ip address?Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup.