Erreur sur propriété innerHTML

2 pièce(s) jointe(s)

Bonjour

Je viens de commencer quelques tutos et exercices sur JavaScript.

J'ai lancé via VSCode Live Server le site, les fichiers HTML, CSS et JavaScript sont exactement pareils que ceux utilisés par la personne faisant le tuto.

Problème, erreur innerHtml 😥

Je devrais voir apparaître 6 coeurs (vies) capturelien ci-dessous et j'ai uniquement les fichiers coeur vide et plein (capture jointe également)

Dans inspecter ça m'affiche l'erreur ci-jointe avec innerHtml

Alors que lorsque je lance via codepen.io le code utilisé par la personne faisant le tuto cela fonctionne parfaitement.

Lien en ligne avec les éléments HTML CSS JavaScript qui fonctionne : https://codepen.io/wikode/pen/rNOYaPE

J'ai même fait un copier coller de ce code et j'arrive au même problème, j'avoue bloquer complètement sur cette erreur...

Dans le .JS l'erreur est sur :

LIGNE 87

Code:

divVies.innerHTML = "";

Et l'erreur affichée dans inspecter quand je le lance via LiveServer :

Citation:

Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')

C'est mon premier post sur ce forum, car je débute, désolé si je ne suis pas assez clair 🙌😄

Si quelqu'un peut m'aider ? Un grand merci 🙏🔥🙏
Pièce jointe 626197
Pièce jointe 626198

ce message veut dire que divVies contient null.

divVies

Bonsoir Mathieu,

Je comprend mais quand je lance la page de la personne qui fait le tuto sur codepen.io tout fonctionne, j'ai copier coller le code dans VSCode Html/Css/Javascript et j'ai cette erreur alors que tout est similaire...

Suaf que sur codepen le JS doit être interprété après le chargement de la page, ce qui n'est sans doute pas le cas pour toi et explique donc pourquoi DivVie n'existe pas au moment où la ligne est interprétée...
Tu as un onload ? oui placé ton js en bas de page ?