I've created this project with using C++ before but this time I am trying to create a Tic tac toe using JavaScript (going to use CSS and make it look nice once I figure out to how even it get it working.) but the requirements for the project are.. 1. Create an html page that display's a Tic Tac Toe grid 2. Ask for player one's name (use prompts or HTML Form) 3. Ask for player two's name (use prompts or HTML Form) 4. Display a message on the page that says "Joe's Turn" (or whatever player one's name is) 5. Let "Joe" take his turn by clicking on a square in the grid 6. Mark it with an X (or O) 7. Display a message on the page that says "Sue's Turn" (or whatever player two's name is) 8. Let "Sue" take her turn by clicking on a square in the grid 9. Mark it with an O (or X) 10. Continue alternating until there is a winner or a tie 11. Display a message declaring the winner (or tie) 12. Add a Play Again button that functions as follows: - It only appears after the game is over - It disappears once they click it - If they click play again, the game starts over without requiring them to re-enter their names. 13. Users should not be able to click in a square that has already been marked 14. Note that ALL messages need to be displayed in the DOM (on the HTML page) not in an alert pop up box
I've created this project with using C++ before but this time I am trying to create a Tic tac toe using JavaScript (going to use CSS and make it look nice once I figure out to how even it get it working.) but the requirements for the project are..
1. Create an html page that display's a Tic Tac Toe grid
2. Ask for player one's name (use prompts or HTML Form)
3. Ask for player two's name (use prompts or HTML Form)
4. Display a message on the page that says "Joe's Turn" (or whatever player one's name is)
5. Let "Joe" take his turn by clicking on a square in the grid
6. Mark it with an X (or O)
7. Display a message on the page that says "Sue's Turn" (or whatever player two's name is)
8. Let "Sue" take her turn by clicking on a square in the grid
9. Mark it with an O (or X)
10. Continue alternating until there is a winner or a tie
11. Display a message declaring the winner (or tie)
12. Add a Play Again button that functions as follows:
- It only appears after the game is over
- It disappears once they click it
- If they click play again, the game starts over without requiring them to re-enter their names.
13. Users should not be able to click in a square that has already been marked
14. Note that ALL messages need to be displayed in the DOM (on the HTML page) not in an alert pop up box
Trending now
This is a popular solution!
Step by step
Solved in 4 steps
