contrihub / connect-four-game Goto Github PK

Currently, the Name is taken using JS Prompt.

Instead of prompt, add a form in a modal (after clicking the Start Game button) for Players' Names on Landing Page.

There should be two fields, Player 1 and Player 2 and a Continue button.

Default Names should be Player 1 and Player 2 in case players do not choose names.

Note: You cannot use any CSS framework for this. Use plain HTML/CSS/JS/JQuery skills.

The timer’s value should be customizable by the player.

Add this option on the landing page where Names of Users are taken.

Note: You cannot use any CSS framework for this. Use plain HTML/CSS/JS/JQuery skills.

Currently, even when a player wins, we can still play the game.

Fix it, once someone wins, show them a button saying Play Again.

After clicking on Play Again, users will again get the option to fill Player Names and Timer value just like they do when they click on Start Game Button.

Currently, the Game directly starts as soon as we visit the URL.
Create a Landing Page with Start Game Button. The game should start after pressing the Start Game button.

Note that on pressing the Start Game button, you need to manipulate the DOM to start the game on the same HTML page i.e. do not create a new HTML page for the Game.

Note: You cannot use any CSS framework for this. Use plain HTML/CSS/JS/JQuery skills.

Add a timer for each player's move.
After the timer exhausts, the current player’s move should be skipped.
Set it to 30 seconds.

Note: You cannot use any CSS framework for this. Use plain HTML/CSS/JS/JQuery skills.

[+5 points for creativity]

1. Display player1 and player2 on the left and right side of the board respectively, and
2. Make the Current Player's name Glitter/Highlighted.

Note: You cannot use any CSS framework for this. Use plain HTML/CSS/JS/JQuery skills.

Currently assigned to @AnuragGupta806