Uploading files to github

2025-12-29 17:06: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;
 }