Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

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

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Database Marketing The New Profit Frontier

Authors: Ed Burnett

1st Edition

0964535629, 978-0964535626

Students also viewed these Databases questions