Tic Tac Toe

by Zach McCall

HTML

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="Chat.css">
    <script src="TTT.js"></script>
    <title>'Tic Tac Toe'</title>
</head>
<body>
<div class="game">

    <div class="row1 block"></div>
    <div class="row1 block"></div>
    <div class="row1 block"></div>
    <br>
    <div class="row2 block"></div>
    <div class="row2 block"></div>
    <div class="row2 block"></div>
    <br>
    <div class="row3 block"></div>
    <div class="row3 block"></div>
    <div class="row3 block"></div>
</div>
</body>
</html>

CSS

.block{
    display:inline-block;
    background-color: azure;
    border:2px solid black;
    font-family: fantasy;
    height:150px;
    width:200px;
    padding-top:5px;
    justify-content: center;
    position: relative;
}
body{
    background-color: beige;
}

.game{
    height:500px;
    width:700px;
    background-color: gainsboro;
    margin-left: auto;
    margin-right: auto;
}

JavaScript

var text=document.createTextNode("Choose Me!");
var div=document.getElementById('block');
div.appendChild(text);