Hussian DMD303

Tic-tac-toe One

Tic-tac-toe Two

Tic-tac-toe Three

Rotate between characters per turn
View in browser
Choose character independently of turn
View in browser
Download Version Three

Tic-tac-toe Four

Scoring for Player 1 across top of board
View in browser
Download Version Four

Tic-tac-toe Five

Complete scoring
View in browser
Complete scoring with background overlay
View in browser
Download Version Five

Tic-tac-toe Six

Complete scoring, sound effects and background audio
View in browser
Download Version Six

Readings

JavaScript with jQuery

Getting Started

References & Utilities

Utilities

VS Code Editor (Free)

BBEdit (30day Free Trial)

References

Audio element (tag) reference from w3schools.

DOM (javascript) reference for using audio/video.

Tic-Tac-Toe Checklist (Must Have)

conceptual game play (opposing forces that make sense)
changing character (at least two for each side)
scoring (all eight possible wins for each side and tie)

Can you figure out how to add the following features?

visual display of scores per side with updating after each win
play again (reset board for new game)

Bonus points for adding these features

reset game (everything play again does plus resets scoreboard and allows new character selection if appropriate to your design)
some use of audio (background music, sound effects or both)