Question

8

Making a tic tac toe board in HTML/CSS or Javascript

rated 0 times [ 11] [ 3] / answers: 1 / hits: 19136 / 10 Years ago, mon, november 17, 2014, 12:00:00

For my class I have to make the game of Tic Tac Toe using what I have learned which is HTML/CSS and some javascript. I have not learned arrays, loops, or objects yet. So I am hoping this is possible. What I have learned is functions, variables, and if/else/else if. Basically I don't want to ask you nice people to help me with the entire thing because I don't think anyone would do that and it would take to long. I will, however, say that I have no idea where to even start but hopefully I can figure it out. What I do need help on however is setting up the actual board. Do you think I could do something in HTML for setting up the board? Like using the table, th, and tr elements? Or would CSS be better? Thanks a bunch to the people that help!

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

analiseb

Add To Favorites

Follow

Total Points: 252

Total Questions: 96

Total Answers: 106

Location: Singapore

Member since Sat, Jul 25, 2020

4 Years ago

analiseb questions

1 Cypress Best Practice - Store and compare two values

Tue, Sep 28, 21, 00:00, 3 Years ago

1 Cannot set property '' of undefined angular

Tue, Oct 6, 20, 00:00, 4 Years ago

1 Refresh page on this.props.history.push with same url

Tue, Jun 30, 20, 00:00, 4 Years ago

1 VUE - data object is passed as a reference always or sometimes it is copied?

Fri, May 8, 20, 00:00, 4 Years ago

1 Can Javascript spread operator include undefined fields of an object?

Wed, Jan 16, 19, 00:00, 6 Years ago

View All

answered 10 Years ago paolam · Accepted Answer

Here's a table that would help.

Html:

<table>

    <tr>

        <td></td>

        <td></td>

        <td></td>

    </tr>

    <tr>

        <td></td>

        <td></td>

        <td></td>

    </tr>

    <tr>

        <td></td>

        <td></td>

        <td></td>

    </tr>

</table>

Css:

td {

border: 1px solid black;

height: 50px;

width: 50px;

}