How To Build A Simple Card Game With JavaScript
JavaScript Simplified Course:
Card games may appear simple on the surface, but there is actually a lot of planning and problem solving that goes into creating a card game. In this video I show you how to create a deck of cards in JavaScript and CSS. Then I show you how to build a the simple card game war with this deck of cards.
📚 Materials/References:
GitHub Code:
CSS Data Attribute Blog Article:
Emmet Tutorial:
🧠 Concepts Covered:
– OOP JavaScript
– CSS data attributes
– JavaScript modules
– How to plan a large project
🌎 Find Me Here:
My Blog:
My Courses:
Patreon:
Twitter:
Discord:
GitHub:
CodePen:
⏱️ Timestamps:
00:00 – Introduction
01:31 – Demo
02:16 – Deck of Cards Setup
13:58 – HTML
15:39 – CSS
24:56 – Dynamically Render Cards
28:19 – Implement Game Logic
42:48 – Outro
Disclaimer:
This video was sponsored by Skillshare
#CardGame #WDS #JavaScript
Dude you are a legend
I cant even figure out how spread out cards on the x axis 😭
I didn't quite understood how the const newIndex works. I got lost in the (math.random() * (i + 1)). Im not sure hoe the * works in this case. What are you multiplying? And why are you adding 1? You explained that this would essentially swap our current card with a random card that we havent looped through yet but Im just confused as to why we use multiplication and addition to achive this.
if playerDeck and computerDeck are an object made from the class Deck then how is it able to access the getHTML property from class Card?
Love your tutorials. I think I bit off more than I could chew because I chose to code Solitaire as my first coding project for bootcamp. This will help me out a lot because all I'm trying to do now is get some dang cards on the screen 😂.
Min 5:56 😅
Hey what about a chess clone?
Translate in Hindi dude
Your videos are great…succinct and informative.
@8:53 thought i was having a stroke
how do I contact you?
how do add a picture after the even of winning or losing happens?
I would love for your help to develop an app! This is amazing!
Love watching your videos!
Note: your shuffle function will never have the last card remain in the last slot.
Wonderful tutorial, thx a lot =)
Thank you for this contet!
13:50 No Pattern completely random, ME sees J, J, J, 10,10,10
Github Copilot knows a bunch of this code already
Build a Poker Game pls (Hold' em Texas) lol
so much helpful.. thanks bro