https://github.com/mrpunkdasilva/connect-four
https://github.com/mrpunkdasilva/connect-four
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mrpunkdasilva/connect-four
- Owner: mrpunkdasilva
- Created: 2021-12-18T00:22:27.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2021-12-18T00:22:31.000Z (over 3 years ago)
- Last Synced: 2024-11-13T02:24:18.050Z (6 months ago)
- Language: JavaScript
- Size: 3.91 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# connect-four
A retro grid-based game in vanilla JavaScript, HTML and CSS
View the full walkthrough [here]()
I have kept the styling at a bare miniumum for you to go wild and make it your own. Please tag me as I would LOVE to see your game!!!
Connect Four (also known as Four Up, Plot Four, Find Four, Four in a Row, Four in a Line, Drop Four, and Gravitrips (in Soviet Union)) is a two-player board game in which the players first choose a color and then take turns dropping one colored disc from the top into a seven-column, six-row vertically suspended grid. The pieces fall straight down, occupying the lowest available space within the column. The objective of the game is to be the first to form a horizontal, vertical, or diagonal line of four of one's own discs.
In this repo, I will be putting extra focus on for loops. If you want to learn how to use for loops effectively, please have a look at my code.
## What are we going to focus on?
* for loops
* addEventListener
* document.querySelector
* arrow functions
## Rules of Connect Four
* You will start as player One
* You will take your go as player One
* You will not be allowed to go in squares that are not at the bottom of the grid, or do not have a taken square under it
* Once your go is taken and you did not win, It will be player Two's go
* The gamer will continue until a winning combination of four is reached by player One or player Two, or until the grid is full and no winning combination was found.