Build Typing Game with Javascript

[@justinfisher5339]

Hey Dawid, great video. Just a tip for those who are reading this: the event -> "keydown" is much more responsive to typing especially with case sensitive words.

[@AvikNayak_]

the cursor stays on the left side of the screen not on the first letter when i start the game also whenever I click on the newgame button the cursor disappears. how to fix this?

[@PinkeySuavo]

Thank you! in 12:48 I have issues: (...).split(separator:' '); document.getElementById(elementId:'words') (...) document.getElementById(elementId:'words') (...) All say there's error and "," is excepted. I have ":" underscored as error. I dont know what's the problem. ------------------------------------------------------------ EDIT: I don't know if I solved it correctly, but seems to work. It seems like you don't need "separator", "elementId" keywords. I wrote it just like this: (...).split(' '); document.getElementById('words') (...) document.getElementById('words') (...) It will be the same in other functions like in 22:24, I don't add "listener:" keyword ------------------------------------------------------------ Next issue: in 13:30 I get a lot of "undefined" words for some reason :c I somehow managed to solve it by changing randomIndex: const randomIndex = Math.ceil(Math.random() * wordsCount) - 1; I think in 33:47 you solve it but in a kind of different way ------------------------------------------------------------

[@akashvp1264]

yes, it shows 'separator' adn 'elementID' is because of code editor he is using or may be he is using typeScript. but yeah that shouldnt be added

[@PinkeySuavo]

@@akashvp1264 damn I forgot I even tried to program this :D

[@LovepreetSingh-mf1el]

hello dawid, when at the last letter, i pressed the last letter correctly but it added that letter as the incorrect letter also.

[@navratanyadav5378]

20:38 amazing trick

[@hokagnay4340]

Hello! I think you did a great job with this video! I have a question though, I was looking through the comment section and found the comment noticing the bug and the solution to delete a previous child when it is incorrect, it worked for me flawlessly. Although, I'm running into a similar issue when I hit the space bar after typing in a incorrect key that it doesn't erase the previous value that you input on the previous word. For example: if the word is "there" and I type "theree" and backspace to try to delete it, it will change the word to "theree" as the correct value when you try to go to the next word. Not sure if that made sense. I hope it did. Any solution to this problem? I have been trying to debug this for a couple days now (I'm a beginner) and would like some help. Any help is appreciated. Thank you again for your hard work!

[@henriqueantonelo435]

Hey man, did you find how to do it?

[@francescafalciantacle2062]

Hi! Thank u so much for this content, its help me a lot. I found a issue that maybe you forgot it: when you have an extra letter we cannot remove it if we press backspace so I fixed it like this.. document.getElementById("game").addEventListener("keyup", (e)=>{ const isExtra = document.querySelector(".letter.incorrect.extra"); if(isBackSpace){ if(isExtra){ currentWord.removeChild(isExtra) } } I dont know if is correct, I am a begginer. greetings from Argentina

[@CodingWithDawid]

I havent tested but your code looks nice! Good job! Yes, there are definetly some edge cases or bugs that i have forgot to cover and test but i am glad that you could fix it yourself ☺️

[@Gloggles]

@@CodingWithDawid Hello, since you are making a tutorial on how to code this could you release the files to make it easier for me, please respond, thanks!

[@manjindersingh7087]

I was searching for this solution. Thanks a lot. 😇

[@johnpaulrayco1366]

@@manjindersingh7087 did it work? because for me it didn't

[@Peter_masih]

@@johnpaulrayco1366 yes for me also not working

[@HatakeKakashi10]

so amazing thank you so much sir

[@AvikNayak_]

whenever I click on the newgame button the cursor disappears.how to fix this?

[@Sandeep-vm4pb]

Thank you, Dawid for this video. Could you please tell me what IDE or platform you are using to make your project?

[@AvikNayak_]

the cursor stays on the left side of the screen not on the first letter when i start the game also whenever I click on the newgame button the cursor disappears. how to fix this?

[@Matfi93]

Sublime text editor

[@joshuamaebanyamasege9437]

Amazing

[@jif3847]

What is the name of the extension that you are using in the video that tells you the types that you have to enter. Like when you are calling it function it will show what the params you have to fill.

[@CodingWithDawid]

Its not an extension. Its already built in in my IDE (webstorm)

[@hannibalbianchi1466]

You are the most amazing programmer that I've ever seen all respect I appreciate your efforts.

[@vithaniyug1697]

Thank you so much for your help ... Thank you so much... If you have any work for me, tell me...

[@Gloggles]

Hello, since you are making a tutorial on how to code this could you release the files to make it easier for me, please respond, thanks!

[@CodingWithDawid]

github.com/dejwid/js-typing-game

[@Gloggles]

@@CodingWithDawid Thanks, appreciate it a lot :)

[@Gloggles]

is it me or why is it running slowly

[@health_doc]

nice