丸ばつゲームを作ってみよう！

jQueryの問題に挑戦しよう！

問題

「丸ばつゲームを作ってみよう！」

今回はデモのようにクリックしたらターンごとに丸とバツが切り替わるようにしましょう

あらかじめエディタに書くコード

                    <div class="box">
  <div class="content"></div>
  <div class="content"></div>
  <div class="content"></div>
  <div class="content"></div>
  <div class="content"></div>
  <div class="content"></div>
  <div class="content"></div>
  <div class="content"></div>
  <div class="content"></div>
</div>
¥HTML¥

                    .box{
  display: flex;
  border: 1px solid black;
  width: 306px;
  height: 306px;
  flex-wrap: wrap;
}
.content{
  width: 100px;
  height: 100px;
  border: 1px solid black;
  font-size: 5em;
  line-height: 100px;
  text-align: center;
}
¥CSS¥