Using a Wordle clone to understand local storage in Javascript

[@sonja8436]

Thank you for this! I've been working on a wordle clone in my native language and this will be super useful!

[@petehayman]

Thanks for these tutorials - amazing stuff and super appreciated.

[@IanLenehan]

Glad you like them!

[@MrVinicius191]

Thanks for the tutorial. It's nice how you keep the code in multiple functions.

[@IanLenehan]

Thanks Vinicius!

[@mrredmond]

great tutorial. thank you so much!

[@zgjim4700]

This helped so much while building something similar to Wordle, perfectly explained, new sub

[@IanLenehan]

Great! Glad it was useful to you :-)

[@jackpx24]

Another great video, thank you!

[@IanLenehan]

Thanks Jack!

[@castbr]

This is amazing! I would love more JS projects; I feel working on specific projects is the best way to learn. Thanks again!

[@IanLenehan]

No worries, glad you enjoyed it!

[@jakewheat2786]

Thanks so much for looking into all of this. Very interesting. I'm going to test out on my own if you don't mind. Thanks

[@IanLenehan]

Yeah go for it, good luck!

[@ccdtech5394]

Great tutorial, thanks

[@IanLenehan]

Thanks!

[@Jonsy]

Hey there, Great tutorial, amazing explanation. Thank you very much for this! I have learned so much with this two videos. One small thing, i went over the code and couldn’t find anything dealing with the problem of the same letters turning yellow even though we have only one in the original word. For example: if i have the word “dairy” and i will insert “ddddd” i will get the first ‘d’ in green and the other four in yellow. Thank you so much in advance you are great ❤️

[@IanLenehan]

Hey Jonathan - I'm glad you have enjoyed these videos! Unfortunately I picked up the issue with the colours between these videos, but if you look at the code (linked in the description) for this local storage video, you should be able to find where this is fixed.

[@AdamPearce-t4f]

Great tutorials How would you restrict it so that on a win, the reset gamestate doesnt happen until midnight / the next day like in wordle?

[@IanLenehan]

I'd suggest something like an array with some word objects that contain the word and a date. Like words = [{ date: 2022-02-01, word: 'hello' }] and just run a function getWord when the page loads that gets the word with the date that is the same as today's date.

[@roulettered56]

Yeah I watched the whole video just for this

[@a_lil_hazy]

Hi there! I am interested in learning about front-end developing softwares such as JS, CSS, and HTML. Where would be a good place to actually put the code itself, so that it can run? Thank you!

[@IanLenehan]

Hey Datacord! The best place to do it as on your computer with a tool like VS Code. But you can also try a repl - something like JS Fiddle or codepen. Good luck!

[@SameerAbbasMughal]

There is no source code link in description.

[@IanLenehan]

Oh man you’re right. Just added it! github.com/ianlenehan/wordle-clone/pull/2

[@SameerAbbasMughal]

@@IanLenehan Thanks Sir!

[@jrgoficial]

Hey Your 2 videos abour wordle are absolutely helpful! thank you so much... could you tell me how can i create a final screen where people can click copy and paste their results on social media like on twitter for example? Sorry if im asking too much but im a rapper not a coding guy hahah thanks bro!

[@IanLenehan]

Haha rapper not a coder, that's the best line! Sounds like you're both? Glad you found the videos useful! The end result of the code after this local storage video is that the screen shows the score and an empty board with just the colors, with the idea being you could screenshot it if you want. To be honest I hadn't put much thought into how the share feature could work as it does in the real game.

[@uberbuilder24]

Hey! I've watched the first tutorial, and I started the second, but I didn't see you create the currentWordIndex variable in part 1. The first thing you do is use currentWorIndex, but I never saw it being created. I also checked GitHub for part 1, and there was no variable. Can you assist me? Thanks!

[@IanLenehan]

Hey yes I made some changes and improvements to the code between the two videos. The game in this video is set up now to use a fixed words array and not an external API so the code works a little bit differently. I apologise if it's confusing! This video is really about using Local Storage so I didn't go into much detail about the changes I had made between videos.

[@uberbuilder24]

@@IanLenehan Okay, thank you so much, sir. By the way, great tutorial!

[@IanLenehan]

@@uberbuilder24 thanks!

[@bluepants8140]

@@IanLenehan Does it matter if we change the code from what you changed between videos?

[@bluepants8140]

Does it matter if you change the code?

[@IanLenehan]

If you clone the repo, you can change the code as much as you like!

[@bluepants8140]

@@IanLenehan Thank you so much!