Awesome Vanilla JavaScript Memory Card Game Tutorial

[@AmAnKumAr-tg4fy]

he is back after so many days and my left ear enjoyed this video

[@webdevelopmentandprogrammi2555]

can relate lol

[@yousufsulaiman2211]

HHHH mine the same!

[@mitalikodkani7749]

same here

[@yixuanwang860]

somehow weirdly watching on phone not full - screen the sound is all normal

[@AmAnKumAr-tg4fy]

@@yixuanwang860 need to call susan

[@SackSean]

Had a lot of fun following along. Would recommend to have a settimeout before checking for a win/loss just so you can see the final card flip.

[@sophiabrown8573]

thanks i missed that

[@mdrezaulkarim4707]

Love you Dev Ed for your vanilla js project

[@errafai]

My left ear really enjoyed this video 😂 nice video nonetheless!

[@tks4]

Turn on mono audio , next time and do justice to your right ear, .. unknown

[@RickBeacham]

haha!

[@veronicaorozco3928]

Thank you for sharing your expertise and helping others. I learned a lot from this tutorial and it helped me in creating my memory card game, as well as learning about pointer events and with my javascript logic. Thank you for helping me along my journey!

[@liningset6827]

We could actually do one other thing when the game restarts. Maybe add a settimeout of 1 second to show all the cards before flipping them backwards, bc otherwise the player wouldn't get a general glimpse of where the cards are and they'd have to guess it cluelessly. Great tutorial Ed thanks a bunch

[@filipstanic4543]

We love you Ed, you are the lotus in our life swamp!

[@paolocammardella6059]

That vscode theme is lit!

[@aqibmalik6313]

I watch ur and ur friend kyle videos so enthusiasticly. Im sure after watching the video im going to learn something. Love u both❤❤❤❤

[@ouriel91]

Hi Ed, thanks for tutorial. I used in window.location.reload() instead of restart function, it's static game and we not keep data anywhere so we don't need to cleanup data, if we reload the page anything reloaded again. if the game was build as unstatic game we should do the cleanup, but i must to say that function is best practice. thank again on the tutorial.

[@CartmanMthrFckr]

Are you already planning new courses? I'm in the middle of your React course and just love it!

[@nikitasharma5647]

Hey Ed! You are a gem! Would love to learn a course on Angular from you.

[@lukesunches5778]

It’s so nice to see you again, my teacher:)

[@SeemaYadav-is4pw]

I was waiting for a game like this

[@mohammedshibani4777]

my left ear enjoyed this video a lot, thanks Dev Ed!!!

[@rockNbrain]

Great job ... JS is such a powerful language!

[@rachelmcdermott4478]

So easy to follow and understand thank you. It's also answered few questions in a completely different project that I'm doing!

[@drishtisaraf8357]

I was having some trouble with the restart function. I tried finding the code on github but it's not there. Can you help me?

[@fares.abuali]

Thanks Ed. Your videos are priceless

[@fortunembulazi]

Welcome back bro, we missed you.

[@AlbiYouT]

Welcome back my friend! Vacations well deserved.

[@KristianPedersen]

In VS Code, you can get the HTML in the beginning by typing ! and pressing Enter.

[@jndyln]

Glad to see you're doing well

[@damnatioodiosis5537]

The king is Back!

[@marcod.643]

Welcome back, you were missed!

[@cubingwithabhinav8517]

Please make a javascript full course.

[@jonathonkiner7415]

Educational and fun tutorial! Thanks a lot Simo!

[@aogunnaike]

Where have you been bro? Glad you're ok.. good to see you again

[@Xsyiaris]

Hey, why is the audio panned to left ear only? Thanks for the tutorial!

[@mardabanamujiho]

thank you, i finally make it happen.

[@karthikm.1804]

Bring more creative game like this one

[@brucealamin175]

where the F have you been man.. missed your videos so much.

[@ДмитрийРоманенко-ц7щ]

Good job

[@Chris-yq1fw]

I thought my right speaker was broken :D anyway, great content !

[@amaljoseak]

King is back 🔥🔥🔥😍😍😍

[@ijajulislam7223]

after long time ! isshhh! thanks for come back sir... sir highly request to you to give us awesome react project like e-commerce or other one from scratch to complete

[@christianh.1160]

Welcome back

[@dilshadalipk]

I like your way of teaching. God Bless You Dear

[@h.nazmulhassanrakib5058]

From Bangladesh. Love your youtube content

[@ashish_prajapati_tr]

alright amazing magician is back.😄😄

[@HlobileMakukule]

This was super cool 👍🏽

[@hassaneoutouaya]

Thank you so much for the tutorial !

[@SvetaSveta-ms4hi]

I absolutely loved it! 😍

[@Asdzxc120]

i suggest you create a content about dragging things inside the web

[@vedantthombare1028]

YEAH ED BOI BACK!!!!!

[@prsmahajan]

Dev Ed is the best!

[@madmad6915]

its alive!

[@whiteseal5775]

BIG WELCOME

[@huxnwebdev]

Welcome back buddy :)

[@youyogesh85]

no need to select all the card. just add card.setAttribute('name', item.name) within the for loop

[@danisob3633]

ye, he realises

[@uimonk]

Please make more Javascript game video

[@fadhilh3931]

Where have you been? I miss the content

[@nage7447]

let me do some code review here 6:45 it is realy bad idia to put 2 sets of data in one array like that, it would be better to keep just one copy and later do something like - const cartData = [...getData(), ...getData()]; 9:42 randomize function looks like somthing generyc and would be usefull to pass a list as parametr and return new randomized list. 43:16 some reactivity tip, so you can create `player` as an proxy and inside getter for `live` property you can add logic for updating ui, it can save if you forget to add that update ui line. 51:11 it is better to deley whole forEach instead of each item, in that way you can delay setting players live as well and get less timeout events (it is not some thing that can impact performance at that little app but still) 54:37 better to not hartcode `16` here, just select all cards or pass it as parameter. Code not so cleen but I know why, just to keep it siple, but that 5 things I would change :)

[@sylim5636]

hi, can I know 6:45 in detail? I don't want to put 2 sets of data in one array but I don't know how to do that

[@nage7447]

@@sylim5636 sure, lets start with the problem, so it is not good to set up 2 identical data because when you desided chande initial data you have to change it in 2 places. Easiest way to handle that is ceep just one set of data in getData method and call it 2 times on init

[@Shirois]

No sound on video

[@sparkyUK]

Sat here with just the right-headphone in my ear thinking Ed had forgotten to turn on his mic! D'oh.

[@slowprogrammer]

Yooo 🔥🔥🔥Dev ed is back 🔥🔥🔥🔥

[@kudacuki074]

"Sort is use to sort everything out" lol nice answer tho AHAHAHAH

[@vijaysurwadkar2027]

Can you make more projects I love your videos

[@emircs2442]

Yo yo yo yo yo my teacher how are you Today is Teqcher's day in Uzbekistan. Congrats! ☺🥳🥳🥳🥳🥳🥳🥳

[@tabdig]

welcome back! 🔥🤗🌟🎉

[@lewisnt_]

your mic audio only comes through my left ear on my headset i thought i should let you know lmao

[@a.anvarbekov]

Hasn't been long to see him?

[@sblantenmoorgamer1428]

Gorgeous

[@randeepyasintha140]

I missed the only person who calls me gorgeous. :(

[@Zuthilios]

I've been trying to follow this tutorial but have a serious problem, when using the querySelector to add the cards to the node list, it goes to 2 but then keeps going 3, 4, 5, 6.. so the checkCards function only happens 1 time on the first two cards. How do I clear the node list?

[@jonathonkiner7415]

He fixes it by remove the class inside of the if/else statement.

[@datait72]

Hey Can you do a video how to make programming about cut list. That can help to find best way to cut wood

[@RAJMOHAN-od7fi]

Please make video to easily create Faceted Navigation using javascript

[@sayeghjoe]

I've updated this and made a demo. Can I post the URL here?

[@h.nazmulhassanrakib5058]

Long time letter has seen you again on youtube. Thanks for the awesome video. But sir No audio in this video

[@cilvyah8083]

why are we doing the - 0.5 in the math.random(). I don't get that

[@juiceboxh3ro]

it's because of the way Array.sort() works: it sorts each element based on positive and negative numbers, so the -0.5 shifts the return value of Math.random() into between roughly -0.5 and 0.5

[@avneet12284]

is there a github link? Nice video

[@nemanjamijic2332]

Not sure if I'm doing something wrong but code from Github doesn't work for me ( running on windows 10). Life counter is not showing and cards aren't resetting after wrong choice.

[@NightChanTr]

same

[@HriCode]

well , right too

[@VladimirHoncharuk]

Hello from Ukraine, programmer bro) Thanks for wonderful content

[@maxim8825]

Which programmer exactly?

[@pazzazzo]

Hi, what is your vsc theme please?

[@unknownman5296]

yo what's the theme that you're using ?

[@Nodsaibot]

why createElement when you can just append the whole Inner HTML??

[@motivation4life430]

my left ear enjoyed this video

[@sreeharikrishnan4823]

There is no audio mate! 🤔

[@ayaan3429]

What theme is this?

[@susandjones]

It looks the same (or very similar to) the one I'm using, which is the default from the Community Material Theme extension. I love it.

[@mayankrockss]

When did you switch to apple? 😀

[@englishtogether6506]

Hello! Could you guys guide me to find the source code?

[@suelingsusu1339]

Did anyone notice major image glitching when running on iPhone/iPad in either Safari and/or Chrome???

[@sayeghjoe]

When I've got some time spare I'll rewrite some of this to make it Safari friendly

[@ilyasax]

use backface-visibility: hidden; for .face and .back

[@zackultimate1067]

Hey you still making magic tricks !! Iam about to make a fourtune

[@Millionairelifestyle124]

Where are you from bro?

[@reemkhider3589]

Hello Sir, thank you for your great video tutorial about implementing a vanilla JavaScript memory game, it was very useful for me. I followed along and it worked locally but when I tried to fetch photos dynamically from a database I had some issues and it didn't work. I would be grateful if you have some tips and advices to help in this issue

[@jswarrior_]

WHICH THEME IS THIS ?

[@divdevzach1400]

does he have the images to download somewhere?

[@HHanna-sx9bn]

how find the full code of this video

[@codedbychavez8190]

Ed, What model of Mac are you using? love this!!

[@mahdifalahati4181]

that piece of microphone is nervous

[@backspace1102]

how to make this responsive?

[@RAJMOHAN-od7fi]

Hi can you create a video to make Faceted Navigation?

[@breadpitt7557]

Can someone help me make this responsive? I'm trying but none of the properties I'm using is shrinking it for mobile. THank you!

[@ilyasax]

You can change grid template parameters for columns and rows from 8rem to 4rem for @media (max-width: 600px)

[@zehsofficial]

What are your PC specs?

[@udaykreddy5248]

source code ?

[@marekkabala5349]

He is back, with Mac 😄🤟

[@rafiyakhan]

Using a lot of questions tags

[@santanu29]

Audio only on the left

[@Ant-jh3tn]

My comment will be irrelevant, however I have an issue here. Has anyone purchased one of his courses? I did HTML and CSS . Ed removed it without notifying me first, no obvious reason! It clearly says you will have access to your courses for life. He doesn't respond too.

[@arnald7]

Sound