Question
Display the tic-tac-toe board as empty. (Hint: use a table with three rows to ensure that the spacing matches up in the display). Each space
Display the tic-tac-toe board as empty. (Hint: use a table with three rows to ensure that the spacing matches up in the display). Each space on the table must be an img tag with a height and width specified to 150px. Initially all board spaces should be blank (place some sort of default image as the original src attribute). 2. The game must be playable. When a user clicks on the board, we perform a check. If the imgs src is currently the default image, it then is changed to either an X or and O image, corresponding to the current player. The player is then switched to the other (X to O, O to X). If a player clicks on a space already occupied by an X or an O image, nothing occurs. 3. After every move the game will check to see if there is currently a winner. A winner is declared if one player has three of their symbol in a row, horizontally, vertically, or diagonally. That gives 8 potential winning combination. If a player wins, there should be a text display saying Player X/O is the winner (corresponding to whichever player won). If 9 moves are made and there is no winner, that text should display The match is a draw!. (Hint: To make checks faster, you may wish to create variables to store the contents of the img tags). 4. You should keep count of how many wins each player has, and display that to the screen. The number of draws should be tracked as well. 5. There should be a button to start a new game. When this button is pressed, the board is reset to its default state, and the count of moves set to 0. (You may choose to reset the current player, it is not required).
Write the program in JavaScript language inside or separate from an HTML file.
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started