Wordle in JavaScript in 20 minutes

Channel:

Double D

Subscribers:

9,300

Published on March 5, 2022 9:00:24 PM ● Video Link: https://www.youtube.com/watch?v=oKM2nQdQkIU

Duration: 18:02

26,470 views

528

Let's write Wordle in JavaScript!

Check out the source code on my GitHub page:
https://github.com/DoubleDebug/wordle-speedrun

Feel free to follow along and code with me.
You only need a code editor (like VS Code) and your browser.

Timestamps:
0:00 Intro
0:38 File structure
1:44 CSS styles
4:08 JS setup
4:29 drawBox function
5:07 drawGrid function
6:10 Game state
7:01 updateGrid function
7:53 Keyboard events function
10:06 getCurrentWord function
10:25 Dictionary
11:14 revealWord function
12:24 isLetter function
12:46 addLetter function
13:07 removeLetter function
13:26 Testing the game
14:38 CSS flip animation
16:58 Game is done
17:42 Outro

#wordle #javascript
_________________________________________________________
Social media:
● Facebook: https://www.facebook.com/YoutubeDoubleD
● Twitter: https://twitter.com/YoutubeDoubleD
● Twitch: http://twitch.tv/NotDoubleD