• (3 Pages)
  • +
  • 1
  • 2
  • 3

Simple Tic - Tac - Toe Using HTML5, CSS3 and Javascript Rate Topic: ***** 3 Votes

#31 harshadura  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 1
  • Joined: 22-August 11

Posted 26 May 2012 - 07:47 PM

Thanks for this awesome post! really nicely written.. :bananaman:
Was This Post Helpful? 0
  • +
  • -

#32 fromTheSprawl  Icon User is offline

  • Bloodborne
  • member icon

Reputation: 521
  • View blog
  • Posts: 2,102
  • Joined: 28-December 10

Posted 27 May 2012 - 08:23 PM

Thanks dude, no problem. ^^
Was This Post Helpful? 0
  • +
  • -

#33 sonalmac  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 83
  • Joined: 24-June 11

Posted 30 July 2012 - 01:10 PM

This is a great example of HTML5 and Javascript. I liked it too much and learned a lot from It. I have made another version of this that uses unobtrusive Javascript. It includes event handling and W3C DOM level 2 event assignment. I am a total beginner for HTML5 and Javascript. But I know how important it is to separate HTML and JS. I would like to contribute my code here, with all respect and credit given to this present version of the game. May I? If yes, how?

Thanks for the tutorial.
Was This Post Helpful? 0
  • +
  • -

#34 fromTheSprawl  Icon User is offline

  • Bloodborne
  • member icon

Reputation: 521
  • View blog
  • Posts: 2,102
  • Joined: 28-December 10

Posted 30 July 2012 - 05:53 PM

Hey there, thanks for the kind words. You could do your own tutorial of the code, seeing that you created the game in another way. It's yours, you earned it. ^^
Was This Post Helpful? 0
  • +
  • -

#35 Curtis Rutland  Icon User is offline

  • (╯□)╯︵ (~ .o.)~
  • member icon


Reputation: 4988
  • View blog
  • Posts: 9,008
  • Joined: 08-June 10

Posted 01 August 2012 - 05:36 PM

Just want to let everyone know that I will no longer be able to host the demo anymore. Sorry :(.
Was This Post Helpful? 0
  • +
  • -

#36 fromTheSprawl  Icon User is offline

  • Bloodborne
  • member icon

Reputation: 521
  • View blog
  • Posts: 2,102
  • Joined: 28-December 10

Posted 01 August 2012 - 06:11 PM

That's okay kind sir, you've done enough. Thank you very much. :)
Was This Post Helpful? 0
  • +
  • -

#37 Atli  Icon User is offline

  • Enhance Your Calm
  • member icon

Reputation: 3974
  • View blog
  • Posts: 6,717
  • Joined: 08-June 10

Posted 01 August 2012 - 06:46 PM

I've put it up on my dev server. It's got plenty of spare bandwidth I'm not using :)

http://tictactoe.advefir.com/

This post has been edited by Atli: 01 August 2012 - 06:51 PM
Reason for edit:: Updated the link. Better this way :P

Was This Post Helpful? 1
  • +
  • -

#38 fromTheSprawl  Icon User is offline

  • Bloodborne
  • member icon

Reputation: 521
  • View blog
  • Posts: 2,102
  • Joined: 28-December 10

Posted 01 August 2012 - 07:10 PM

Hey, thanks Atli! ^^
Was This Post Helpful? 0
  • +
  • -

#39 rpd  Icon User is offline

  • D.I.C Head

Reputation: 1
  • View blog
  • Posts: 65
  • Joined: 13-August 07

Posted 20 January 2013 - 10:05 AM

Very nice tutorial.Thanks.

I like it-but as I like noughts & crosses (aka tictactoe) & HTML5 I should!

If you want to play a bit more with it, try it with html5 content-editable & dragndrop & webworkers & CSS3 transitions...

HTML5 & CSS3 are the biz!

(Of course I look forward now to your HTML5 / CSS3 chess game..I like chess too & btw I like HTML5 & CSS3!! LOL!) :-)

This post has been edited by rpd: 20 January 2013 - 10:05 AM

Was This Post Helpful? 0
  • +
  • -

#40 drummerboykaleb  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 1
  • Joined: 03-June 13

Posted 03 June 2013 - 04:21 PM

This is kind of an old post...but I have a question about it if anyone is able to answer for me. I resized the tic tac toe board to fit into a particular spot on my website. The x's and o's do not show up correctly now. Is there a way to resize them? I looked over every part of the code. I found where 'x' and 'o' are referenced...but no luck on finding out how to resize the text. Please help!
Was This Post Helpful? 0
  • +
  • -

#41 kenvng  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 30-January 16

Posted 30 January 2016 - 08:10 PM

Hi I am a beginner at this. If I am to changes the font and color of the canvas where do i do that and how... if you can provide the code I am most grateful. Thanks

also if I am to take the code and seperate it in a javascrip.js file and link it with html by using the below line in the heading of HTML, will it work? I tried and it didn't work. Can you give me some tips? Thanks
<script type="text/javascript"href="javascript.js"/>

This post has been edited by andrewsw: 31 January 2016 - 04:13 AM
Reason for edit:: Removed previous quote, just press REPLY

Was This Post Helpful? 0
  • +
  • -

#42 andrewsw  Icon User is offline

  • Beach ready
  • member icon

Reputation: 5474
  • View blog
  • Posts: 21,531
  • Joined: 12-December 12

Posted 31 January 2016 - 04:16 AM

There is no need to quote an unrelated post, there is a Reply button further down the page, or use the Fast Reply box.

That isn't the syntax for attaching a script, did you look it up? MDN reference
<script type="text/javascript" src="javascript.js"></script>

It appears that you are a complete beginner? In which case, you should not start with this tutorial. Study the basics first.
Was This Post Helpful? 0
  • +
  • -

#43 kenvng  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 30-January 16

Posted 01 February 2016 - 05:25 PM

View Postandrewsw, on 31 January 2016 - 04:16 AM, said:

There is no need to quote an unrelated post, there is a Reply button further down the page, or use the Fast Reply box.

That isn't the syntax for attaching a script, did you look it up? MDN reference
<script type="text/javascript" src="javascript.js"></script>

It appears that you are a complete beginner? In which case, you should not start with this tutorial. Study the basics first.

Wow you are fing rude. well
<script type="text/javascript" src="javascript.js"></script>
doesn't work because none of the button work.
Was This Post Helpful? 0
  • +
  • -

#44 Atli  Icon User is offline

  • Enhance Your Calm
  • member icon

Reputation: 3974
  • View blog
  • Posts: 6,717
  • Joined: 08-June 10

Posted 01 February 2016 - 06:29 PM

What you seem to interpret as rudeness, most people around here would simply read as being direct and no nonsense.
Obscenities, on the other hand, are universally rude, and I'd ask you to not use them around here.


The line he gave you is a perfect - and extremely basic - example of how to import a script file into a website. If it's not working for you, other factors are no doubt at fault. For instance: the position of the <script> tag within a HTML document can be very important. We'd need to see the rest of the markup and the JS code to be sure.

If you want us to help you figure this out, I suggest you open a new thread in our Javascript Forum, and post your question, including your code, there.
Was This Post Helpful? 0
  • +
  • -

  • (3 Pages)
  • +
  • 1
  • 2
  • 3