Tic tac toe

by Nidhi Patel

HTML

<div>
    <div><button class="box"></button></div>
    <div><button class="box"></button></div>
    <div><button class="box"></button></div>
    <div><button class="box"></button></div>
    <div><button class="box"></button></div>
    <div><button class="box"></button></div>
    <div><button class="box"></button></div>
    <div><button class="box"></button></div>
    <div><button class="box"></button></div>
</div>

CSS

div {
    width: 300px;
    height: 600px;
}

div div {
    width: 100px;
    height: 100px;
    outline: 1px solid;
    float: left;
}
.box{
  width: 100px;
    height: 100px;
}

JavaScript

var c = document.getElementsByClassName('box')[0];
c.addEventListener('click', function(){
alert('hello');
}, false);