Uploading files to github

2025-12-29 08:56:11 +00:00 · 2024-10-01 23:24:28 +02:00
commit 974a3d49b5
59 changed files with 154 additions and 0 deletions
--- a/BlackJackCards/BACK.png
+++ b/BlackJackCards/BACK.png
--- a/BlackJackCards/J-B.png
+++ b/BlackJackCards/J-B.png
--- a/BlackJackCards/J-R.png
+++ b/BlackJackCards/J-R.png
--- a/1
+++ b/1
@@ -0,0 +1 @@
+black-jack.mreidam.com
--- a/Clubs/10.png
+++ b/Clubs/10.png
--- a/Clubs/2.png
+++ b/Clubs/2.png
--- a/Clubs/3.png
+++ b/Clubs/3.png
--- a/Clubs/4.png
+++ b/Clubs/4.png
--- a/Clubs/5.png
+++ b/Clubs/5.png
--- a/Clubs/6.png
+++ b/Clubs/6.png
--- a/Clubs/7.png
+++ b/Clubs/7.png
--- a/Clubs/8.png
+++ b/Clubs/8.png
--- a/Clubs/9.png
+++ b/Clubs/9.png
--- a/Clubs/A.png
+++ b/Clubs/A.png
--- a/Clubs/J.png
+++ b/Clubs/J.png
--- a/Clubs/K.png
+++ b/Clubs/K.png
--- a/Clubs/Q.png
+++ b/Clubs/Q.png
--- a/Diamonds/10.png
+++ b/Diamonds/10.png
--- a/Diamonds/2.png
+++ b/Diamonds/2.png
--- a/Diamonds/3.png
+++ b/Diamonds/3.png
--- a/Diamonds/4.png
+++ b/Diamonds/4.png
--- a/Diamonds/5.png
+++ b/Diamonds/5.png
--- a/Diamonds/6.png
+++ b/Diamonds/6.png
--- a/Diamonds/7.png
+++ b/Diamonds/7.png
--- a/Diamonds/8.png
+++ b/Diamonds/8.png
--- a/Diamonds/9.png
+++ b/Diamonds/9.png
--- a/Diamonds/A.png
+++ b/Diamonds/A.png
--- a/Diamonds/J.png
+++ b/Diamonds/J.png
--- a/Diamonds/K.png
+++ b/Diamonds/K.png
--- a/Diamonds/Q.png
+++ b/Diamonds/Q.png
--- a/Hearts/10.png
+++ b/Hearts/10.png
--- a/Hearts/2.png
+++ b/Hearts/2.png
--- a/Hearts/3.png
+++ b/Hearts/3.png
--- a/Hearts/4.png
+++ b/Hearts/4.png
--- a/Hearts/5.png
+++ b/Hearts/5.png
--- a/Hearts/6.png
+++ b/Hearts/6.png
--- a/Hearts/7.png
+++ b/Hearts/7.png
--- a/Hearts/8.png
+++ b/Hearts/8.png
--- a/Hearts/9.png
+++ b/Hearts/9.png
--- a/Hearts/A.png
+++ b/Hearts/A.png
--- a/Hearts/J.png
+++ b/Hearts/J.png
--- a/Hearts/K.png
+++ b/Hearts/K.png
--- a/Hearts/Q.png
+++ b/Hearts/Q.png
--- a/Spades/10.png
+++ b/Spades/10.png
--- a/Spades/2.png
+++ b/Spades/2.png
--- a/Spades/3.png
+++ b/Spades/3.png
--- a/Spades/4.png
+++ b/Spades/4.png
--- a/Spades/5.png
+++ b/Spades/5.png
--- a/Spades/6.png
+++ b/Spades/6.png
--- a/Spades/7.png
+++ b/Spades/7.png
--- a/Spades/8.png
+++ b/Spades/8.png
--- a/Spades/9.png
+++ b/Spades/9.png
--- a/Spades/A.png
+++ b/Spades/A.png
--- a/Spades/J.png
+++ b/Spades/J.png
--- a/Spades/K.png
+++ b/Spades/K.png
--- a/Spades/Q.png
+++ b/Spades/Q.png
--- a/index.html
+++ b/index.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    
+    <!-- Links -->
+    <link rel="stylesheet" href="style.css">
+    
+    <title>BlackJack</title>
+</head>
+<body>
+    <article class="cards cards1"><img src="./BlackJackCards/J-B.png" class="card" alt=""></article>
+    <h2 id="playerScore">69</h2>
+    <article class="cards cards2"><img src="./BlackJackCards/J-R.png" class="card" alt="" id="card"></article>
+    <section>
+        <button onclick="hit()">Hit</button>
+        <button>Stand</button>
+    </section>
+    <script src="main.js"></script>
+</body>
+</html>
--- a/main.js
+++ b/main.js
@@ -0,0 +1,94 @@
+
+const Deck = {
+    Clubs:[
+        '2.png',
+        '3.png',
+        '4.png',
+        '5.png',
+        '6.png',
+        '7.png',
+        '8.png',
+        '9.png',
+        '10.png',
+        'A.png',
+        'J.png',
+        'K.png',
+        'Q.png',
+    ],
+    Diamonds:[
+        '2.png',
+        '3.png',
+        '4.png',
+        '5.png',
+        '6.png',
+        '7.png',
+        '8.png',
+        '9.png',
+        '10.png',
+        'A.png',
+        'J.png',
+        'K.png',
+        'Q.png',
+    ],
+    Hearts:[
+        '2.png',
+        '3.png',
+        '4.png',
+        '5.png',
+        '6.png',
+        '7.png',
+        '8.png',
+        '9.png',
+        '10.png',
+        'A.png',
+        'J.png',
+        'K.png',
+        'Q.png',
+    ],
+    Spades:[
+        '2.png',
+        '3.png',
+        '4.png',
+        '5.png',
+        '6.png',
+        '7.png',
+        '8.png',
+        '9.png',
+        '10.png',
+        'A.png',
+        'J.png',
+        'K.png',
+        'Q.png',
+    ]
+}
+
+let currentDeck = Deck;
+
+function cardsleft(){
+    return currentDeck.Clubs.length// + currentDeck.Diamonds.length + currentDeck.Hearts.length + currentDeck.Spades.length;
+}
+
+function cardAvail(num){
+    console.log(num);
+    console.warn(currentDeck.Clubs);
+
+    let card = Math.floor(Math.random() * num);
+    
+    document.getElementById('card').src = `./Clubs/${currentDeck.Clubs[card]}`;
+
+    const index = currentDeck.Clubs.indexOf(currentDeck.Clubs[card]);
+    if(index > -1){ // only splice array when item is found
+        currentDeck.Clubs.splice(index, 1); // Remove one item at the found index
+        console.log('Card removed');
+    }
+
+    return card;
+}
+
+function addCard(){
+    cardAvail(cardsleft());
+}
+
+function hit(){
+    addCard();
+}
--- a/style.css
+++ b/style.css
@@ -0,0 +1,37 @@
+@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
+*{
+    padding: 0;
+    margin: 0;
+    box-sizing: border-box;
+    font-family: 'Ubuntu', sans-serif;
+}
+body{
+    background-color: #333;
+    color: #fff;
+
+    min-height: 100vh;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+}
+
+img.card{
+    aspect-ratio: 1/1;
+    object-fit: contain;
+    height: 200px;
+    margin: .2rem;
+}
+
+h2{
+    margin-top: .5rem;
+}
+
+button{
+    border-radius: 5px;
+    border: none;
+    height: 30px;
+    width: 60px;
+    margin: .5rem;
+}