🏒 quinn cunningplan, puncher of doors 🏒 - Tic-Tac-Toe for Journals (HTML) [entries|archive|friends|Tags|Memories|userinfo]
🏒 quinn cunningplan, puncher of doors 🏒

[ website | gooseberry ]
[ userinfo | dreamwidth userinfo ]
[ archive | journal archive ]

Tic-Tac-Toe for Journals (HTML) [Sep. 28th, 2016|12:51 pm]
Previous Entry Add to Memories Tell Someone Next Entry


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
LinkReply

Comments:
[User Picture]From: [personal profile] quinning
2017-01-11 01:58 pm (UTC)

sample new game

(Link)

x




[How to make the next move & tic-tac-toe information.]
[User Picture]From: [personal profile] quinning
2017-01-11 01:59 pm (UTC)

sample subsequent move

(Link)

x
o




[How to make the next move & tic-tac-toe information.]
[User Picture]From: [personal profile] quinning
2017-01-11 01:59 pm (UTC)

sample subsequent move, 2

(Link)

x x
o




[How to make the next move & tic-tac-toe information.]
[User Picture]From: [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
[User Picture]From: [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.