Build a Wordle Clone in JavaScript HTML CSS

A beginner friendly HTML, CSS, JavaScript Tutorial on how to build the viral online game, wordle!
Learn how to build build a wordle clone!

Java Game Programming Projects Playlist:

JavaScript Game Programming Projects Playlist:

Subscribe for more coding tutorials 😄!

#wordle #wordleclone #wordletutorial #codingtutorial #codinggametutorial

[KennyYipCoding]

Check out the playlist of web project tutorials here!

Got a tutorial suggestion? Let me know down below!

[KennyYipCoding]

If you enjoyed the video, don't forget to like, subscribe, and share! :)

[LiamKelly]

This is a fantastic tutorial! You don't ramble, you explain each step well, and you show mistakes and how to solve them. High quality AV too. Thank you for making this. Now if you'll excuse me I'm off to raid your uploads for input.

[AdamPearce-tf]

Great tutorial,
a part 2 with keyboard, database of valid guesses and scores would be amazing

[infamousupstander]

Bro I learned so much out of this! Keep up the great work!

[marcovesilva]

Love the tutorial! Would love a part 2 for how to add the keyboard and how to refine the game even more! :)

[skylskyler]

Thanks for uploading man..I am so excited for these tutorials

[kingesidore]

i love how youre doing this at 4:30 am, very relatable

[rayx]

Love it ! Thank you so much for the fun tutorial :)

[ramvpage]

Wow! Very Clear! Thank you very much :)

[suggar]

excellent explanation, thank you you have helped me a lot in a university project!🥳🥳🥳

[CarlProgrammer]

As a person who has interest but has almost no knowledge about programming, I think this video is really helpful... (specially for starters). Got a question tho, can I upload this wordle game online and share it with my friends? If yes, then how?

[a_green_cat]

fantastic video, but could you increase the font size in your IDE a bit? it gets real difficult to read when I'm in split screen haha

[CSHUB]

you should make video with white screen of the computer and make the size large.🥰❤❤

[bravefart]

Great vids man. I've seen a few Tetris games online, HTML, Javascript. Could you do a vid on The New Tetris? It's the N64 version that has a twist. Like the normal Tetris, but when you have a block of 4 x 4 of the same tiles, it creates a Gold block, and when you make a 4 x 4 of multi blocks it creates a Silver block. It also has an added feature of storing a block that you can swap if the tiles that are appearing are not in a great order, and also a ghost block of where the current block will land. A real for test for anyone that one i'd think.

[journey_to_jannah]

Hello sir
Actually i am aaa beginner
And i start my coding with your video where you show us how to make a wordle game
But sir i. Follow same procedure of your's and now i am facing problem here when i Complete till second step Css i am not getting green block neither in the side nor in the middle
Suggest me what to do??

[Zomaplays]

Hello Iam stuck because when I write the intialize it says it is not defined

[kingesidore]

literally amazing tutorial, its so simple
theres just 2 issues that i found, one of them i fixed myself, the other im clueless
1: you can hit enter at any point and submit any answer
i fixed it by inserting if(col = width) {... directly after the else if(e.code === "Enter") {

2. if there is a letter twice that is correct in one spot, it will show green for the correct spot, but still yellow for the incorrect spot, making it seem like there are two total of that letter in the word
couldnt find a fix for that

[giomoarbes]

Hey, I have a problem with the initialize function its not working

[pinkykids]

Hello, your vedio is great, but how do I make writing in the squares of the game Arabic not English ?