quinning: (Default)
🏒 quinn cunningplan, puncher of doors 🏒 ([personal profile] quinning) wrote2016-09-28 12:51 pm
  • Add Memory
  • Share This Entry

Tic-Tac-Toe for Journals (HTML)



THERE'S AN APP FOR THAT!


[insanejournal.com profile] baisemain is spectacular and coded a javascript app for the game, so disregard everything below! All you need to know is that it's here: https://baisemain.neocities.org/gb/tictactoe/index.html

You'll have to input previous moves when making a new one but that takes a grand total of five seconds so NO WHINING. ONLY MARIN-APPRECIATION IS ALLOWED HERE.


don't ask me why i spent so much time on this. i really don't know.

It looks like this when it's fresh:


And it can look like this when it's filled out:

X O X
X O O
O X X


Instructions: Starting a New Game / The First Move
  1. Copy and paste the contents of NEW GAME CODE (the text box below) in a post or comment.
  2. This will create the game board and a small text box for the next player to copy and paste from.
  3. Place the first X.
    If you're comfortable with HTML you can figure out where to put the first X.
    But if you're not, I tried to explain in this image. I promise it looks scarier than it is.
  4. Copy the code. Now that you've made the move, copy the entire table's HTML code. Begin with <table and end after </table>
  5. Paste the code. Replace [PASTE YOUR CODE HERE] with what you just copied.
  6. Post it!
NEW GAME CODE




Instructions: Making Subsequent Moves
  1. Copy and paste the contents of SUBSEQUENT MOVE CODE (the text box below) in a comment.
  2. Input the preceding moves. The last player's move should include a text box with some code. Copy all of that box's contents, and in your comment, replace [PASTE OLD CODE HERE] with what you just copied.
  3. This will create the game board (with all preceding moves filled in) and a small text box for the next player to copy and paste from.
  4. Make your move by inputting an X or O in the appropriate spot in the table code.
    If you're comfortable with HTML you can figure it out.
    But if you're not, I tried to explain in this image. I promise it looks scarier than it is.
  5. Copy the code. Now that you've made the move, copy the entire table's HTML code. Begin with <table and end after </table>
  6. Paste the code. Replace [PASTE YOUR NEW CODE HERE] with what you just copied.
  7. Post it!

SUBSEQUENT MOVE CODE
Flat | Top-Level Comments Only
quinning: (Default)

sample new game

[personal profile] quinning 2017-01-11 01:58 pm (UTC)(link)
x




[How to make the next move & tic-tac-toe information.]
quinning: (Default)

sample subsequent move

[personal profile] quinning 2017-01-11 01:59 pm (UTC)(link)
x
o




[How to make the next move & tic-tac-toe information.]
quinning: (Default)

sample subsequent move, 2

[personal profile] quinning 2017-01-11 01:59 pm (UTC)(link)
x x
o




[How to make the next move & tic-tac-toe information.]
bambae: (Default)

[personal profile] bambae 2017-01-11 02:56 pm (UTC)(link)
It took me actual time to realize this wasn't in character

This is amazing
quinning: (Default)

[personal profile] quinning 2017-01-11 03:38 pm (UTC)(link)
lmao Quinn probably has an ancient-for-2013 flip phone and when she HAS to look something up on the family computer (sports results, let's be real) she soooo hunts and pecks on the keyboard.

She probably thinks HTML is a new protein powder.
Flat | Top-Level Comments Only