title: How to display in JS?
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
      &lt;title&gt;Document&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="style.css"&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
      &lt;div class="container" id="main"&gt;
        &lt;span id="turn"&gt;X first&lt;/span&gt;
        &lt;div class="box" id="box1"&gt;&lt;/div&gt;
        &lt;div class="box" id="box2"&gt;&lt;/div&gt;
        &lt;div class="box" id="box3"&gt;&lt;/div&gt;
        &lt;div class="box" id="box4"&gt;&lt;/div&gt;
        &lt;div class="box" id="box5"&gt;&lt;/div&gt;
        &lt;div class="box" id="box6"&gt;&lt;/div&gt;
        &lt;div class="box" id="box7"&gt;&lt;/div&gt;
        &lt;div class="box" id="box8"&gt;&lt;/div&gt;
        &lt;div class="box" id="box9"&gt;&lt;/div&gt;
      &lt;/div&gt;
  
      &lt;button onclick="replay()"&gt;Play Again&lt;/button&gt;
    &lt;/body&gt;
    &lt;script src="script.js"&gt;
  
  
    &lt;/script&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  
  display a gameboard in div structure not in table form. The game is should be 3 horizontal lines and three vertical lines </p>