derekalvarado
commented
10 years ago I think I know what I'm talking about when I say that Javascript can detect when a user clicks on something, through an event listener. If we structured that table you're referencing by creating HTML divs with a height and width of, say, 25 pixes, we could use CSS to arrange them as a TTT board would be arrange, then the divs could detect when they've been clicked.
My mind usually jumps to more advanced implementations. What if we just had 2 input boxes where the user wants to place the next 'X' (ie. Row 1, Column 2) and a submit button. It'd be easy to take that information and insert an h1 X /h1 in the appropriate place.
There would have to be some sort of master record that keeps track of which boxes already have an X or O, and then something that detects end of game scenarios after each move.
josefvin
So, what are you thinking for the basic implementation? The first thing that comes to my mind would be some kind of table like structure, perhaps just laid out with a nested loop, and then menu driven options to make your next move.
If the opponent is the computer, it should try to connect three obviously, as one tactic. It's been a while since I played TTT, but as I recall there is a guaranteed more or less way to win if you start. I don't remember though, so a basic connect-three would be the easiest implementation to start with. Maybe there could be two difficulties: easy just tries to connect three, and hard tries to use more advanced tactics.
If you wanted to make it an online person-to-person game, that would be interesting, but above my level at the moment. It would be a good exercise though.