Build a Wordle Clone in JavaScript HTML CSS 

Check out the playlist of web project tutorials here! ru-vid.com/group/PLnKe36F30Y4bLhA-st9sC4ZthyV7nsL2Q Got a tutorial suggestion? Let me know down below!

If you enjoyed the video, don't forget to like, subscribe, and share! :) how to code SUDOKU: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-S4uRtTb8U-U.html how to code CONNECT 4: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-4ARsthVnCTg.html how to code 2048: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-XM2n1gu4530.html Code: github.com/ImKennyYip/Wordle

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

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 mooooore input.

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

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

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

My question is does the word change everyday automatically or do we have to update the word on our website everyday

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

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?

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

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.

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

Wow! Very Clear! Thank you very much :)

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

Great tutorial - subscribed

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

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??

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

Hello, im stuck in the middle of this tuto, when i use my keyboard to add the letters, like in the video (apple) (at 27.15) and javascript console says : wordle.js:40 Uncaught TypeError: Cannot read properties of null (reading 'innerText') at HTMLDocument. (wordle.js:40:25) Do you know what could be wrong at this point ? 🙂

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

What theme are you using? I apologize in advance if this question has already been answered. Thank you!

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

Hey, I'm trying to change it to be a 4 letter word instead of 5 letters. I changed the width to 4 but for some reason the draw board gets all messy and prints out the boxes all funky. Do I have to change anything else in the code?

i got into the same issue with the present letter, and was hoping you would solve it.

for some reason at the part where you change the font for wordle, my text for font-family isn't turning blue and not working, how do I fix this??

Are you using Samsung laptop?

I went into my html Chrome and nothing was their. Checked again same result. I did all the code u did btw no mistakes where made. 😭😭

Could you please solve the scoring of repeated letters issue, if you some time. I was unable to solve it. Thank You. _/\_

for some reason I cant type into the boxes and my code is extremely similar to yours and I don't know why it is not working?

where you pulling an all nighter to make this video?

Using "" when you know how to change the margin with css... I don't know if I should trust this man or not, bc it seems like he is just doing the same thing as that document I found did, but he decided to do the HTML part himself.

How would I change the sizing of my board to fit to devices such as phones while also keeping a fit resolution on computers?

Please, man. KEYBOARD on mobile!!! 😥

i cant add wordle.html and all that other shit

i am the 5000th view