Javascript 无法读取属性'；追加儿童'；在我的网站上没有上传空JS img

我试图将img上传到我的网站，但js告诉我有404错误： js:206未捕获的TypeError:无法读取null的属性“appendChild”

at HTMLButtonElement.onclick (Challenge 1.html:105)

html代码

<div class="flex-blackjack-row-1">
            <div id="Your-box">
                <h2>You: <span id="your-blackjack-result">0</span></h2>
            </div>

            <div id="dealer-box">
                <h2>Dealer: <span id="dealer-blackjack-result">0</span></h2>
            </div>
          
        </div>

---

什么是

YOU

？

let blackjackGame={'YOU'：{'scoreSpan'：'your blackjack score'，'div'：'your box'，'score'：0}，'dealer'：{'scoreSpan'：'dealer blackjack score'，'div'：'dealer box'，'score'：0}const YOU=blackjackjackgame['YOU YOU']

好的，看起来像是

“#你的盒子”

。HTML中的

div

具有id

框

。JavaScript区分大小写。

let blackjackGame = {
    'you': {'scoreSpan':'#your-blackjack-score', 'div':'#your-box', 'score': 0},
    'dealer': {'scoreSpan':'#dealer-blackjack-score', 'div':'#dealer-box', 'score': 0}
}

const YOU = blackjackGame['you']

function blackjackHit(){
   
    // ra yleoba xdebaaaaaa

    let cardImage = document.createElement('img');
    cardImage.src = 'https://upload.wikimedia.org/wikipedia/commons/thumb/5/59/Playing_card_diamond_2.svg/1200px-Playing_card_diamond_2.svg.png'

    document.querySelector(YOU['div']).appendChild(cardImage)
   
    hitSound.play();
}