JSFiddle - React, Tailwind, and code Playground

by ojtramp

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
 <div class="tic_wrapper">
 

  <div class="tic">

  </div>
  <div class="tic">

  </div>
  <div class="tic">

  </div>
  <div class="tic">

  </div>
  <div class="tic">

  </div>
  <div class="tic">

  </div>
  <div class="tic">

  </div>
  
    <div class="tic">

  </div>
  <div class="tic">

  </div>
  
</div>

CSS

.tic_wrapper {
  max-width: 186px; 
  border: 1px solid black;
}

.tic {
  width: 60px;
  border: 1px solid black;
  height: 60px;
  float:left;
  text-align: center;
  font-size: 60px;
}

JavaScript

$(document).ready(function(){
        $(".tic").click(function(){
            if ($(this).text() == "" ) {
               $(this).text("X");
            } else if ( $(this).text() == "X" ) {
               $(this).text("O");
            } else {
               $(this).text("");
            }
        });
    });