TypeError : Impossible de définir la propriété « textContent » sur null à l'aide de textContent

Question

let firstCard = 10;
let secondCard = 4;
let sum = firstCard + secondCard;
let hasBlackJack = false;
let isAlive = true;
let message = ""
let messageEl = document.getElementById("message-el");
let sumEl = document.querySelector("#sum-el");
let cardsEl = document.getElementById("cards-el");
messageEl.textContent = "Do you want to draw a new card?";

function startGame() {
    cardsEl.textContent = "Cards : " + firstCard + " " + secondCard;
    sumEl.textContent = "Sum :" + sum;
    if (sum <= 20) {
        message = "Do you want to draw a new card?";
    } else if (sum === 21) {
        message = "You have got blackjack!";
        hasBlackJack = ture;
    } else {
        message = "You are out of the game!";
        isAlive = false;
    }
    messageEl.textContent = message;
}

Answer 1

Cette ligne :

let messageEl = document.getElementById("message-el");

Aucun élément n'est renvoyé.

C'est parce que l'élément n'existe pas dans le DOM lorsque le code est exécuté. Cela peut être dû au fait que vous n'avez aucun élément avec cet ID ou parce que vous devez déplacer le code à exécuter après avoir analysé l'élément dans le DOM.