title.textContent = "Help !";
OK, alors je suis en troisième, je fais un peu de programmation JavaScript (connaissances de base), et j'ai un problème avec le code d'un petit jeu pour navigateur (page HTML).
J'essaie de créer un système de succès, et j'ai presque réussi ; j'ai juste un problème avec getElementById et HTMLObject.id = “...”.
Dans un extrait de code, je fais ceci : (exécuté une seule fois au lancement du programme)
for (var i = 0; i < achievements.length; i++){
let text = document.createTextNode("???");
achievementsD.appendChild(text);
text.id = achievements[i].name;
achievementsD.innerHTML += "<br><br>";
}
Pour information, au début, j'ai «let achievementsD = document.getElementById(‘achievementsD’);» et dans le HTML <div id="achievementsD"> <!-- Implemented with Javascript !--> </div>. (Tout est correct, j'ai vérifié.)
Mais plus loin dans le code, dans une fonction qui s'exécute toutes les 1/30e de seconde (vérifiée, fonctionnelle), j'ai ceci :
for (var i = 0; i < achievements.length; i++){
if ((achievements[i].check)() && !(achievements[i].owned)){
achievements[i].owned = true;
document.getElementById(achievements[i].name).innerHTML = achievements[i].name; //Avertissement : le code ne fonctionne pas ici, voir ci-dessous.
//Notifications ? (Non ajouté pour le moment)
}
}
Notez que achievement[i] est défini comme [name (“Ten points !!!”), check (function v() {return points >= 10}), text (“Make ten points”), owned (false), once (not used now, never mind)]; (entre parenthèses = détails, pas dans le code).
Le problème ? Lorsque j’essaie d’obtenir la complétion à 10 points (l’exemple fourni), j’obtiens l’erreur « Uncaught TypeError: can’t access property ‘innerHTML’, document.getElementById(...) is null » sur la ligne que j’ai marquée. Cela signifie que document.getElementById ne trouve pas l’objet HTML créé dans le premier extrait de code… Comment puis-je résoudre ce problème ?
Si ce message n’est pas approprié ici, veuillez me le faire savoir et m’indiquer où je peux le poster à la place.
Merci ! 😄