Exercice JavaScript OpenClassroom

clapaknote

Nouveau membre
#1
Bonjour tout le monde !
Toujours en train d'apprendre le JavaScript, j'en suis au 1er TP "Manipuler le code" du cours "Dynamiser vos sites web avec JavaScript !" :

J'ai donc réaliser le code suivant sous Brackets
Le problème c'est qu'à chaque mention de "document", il me dit : ERROR: 'document' is not defined.
C'est le 1er vrai code JavaScript que j'écris donc je ne sais pas du tout pourquoi il ne comprend pas alors que 'document' est censé être un élément de toute les pages web...

Voici mon code :
JavaScript:
// On crée l'élément conteneur
var mainDiv = document.createElement('div');
mainDiv.id = 'divTP1';

//Création des noeuds
var textNodes = [
    document.createTextNode('Le'),
    document.createTextNode('World Wide Web Consortium'),
    document.createTextNode(', abrégé par le sigle '),
    document.createTextNode('W3C'),
    document.createTextNode(', est un '),
    document.createTextNode('organisme de standardisation '),
    document.createTextNode('à but non lucratif chargé de promouvoir la compatibilité des technologies du '),
    document.createTextNode('World Wide Web'),
    document.createTextNode('.')
    ];

//Création des strongs / a
var w3cStrong1 = document.createElement('strong');
w3cStrong1.appendChild(textNodes[1]);

var w3cStrong2 = document.createElement('strong');
w3cStrong2.appendChild(textNodes[3]);

var orgLink = document.createElement('a');
orgLink.href    = 'http://fr.wikipedia.org/wiki/Organisme_de_normalisation';
orgLink.title   = 'Organisme de normalisation';
orgLink.appendChild(textNodes[5]);

var wwwLink = document.createElement('a');
wwwLink.href    = 'http://fr.wikipedia.org/wiki/World_Wide_Web';
wwwLink.title   = 'World Wide Web';
wwwLink.appendChild(textNodes[7]);

//Insertion dans le mainDiv
mainDiv.appendChild(textNodes[0]);
mainDiv.appendChild(w3cStrong1);
mainDiv.appendChild(textNodes[2]);
mainDiv.appendChild(w3cStrong2);
mainDiv.appendChild(textNodes[4]);
mainDiv.appendChild(textNodes[5]);
mainDiv.appendChild(textNodes[6]);
mainDiv.appendChild(textNodes[7]);
mainDiv.appendChild(textNodes[8]);

//Insertion du mainDiv  dans le <body>
document.body.appendChild(mainDiv);
J'ai essayer le code du corrigé mais j'ai toujours les mêmes erreurs, ce qui me fait me dire que je ne cherche pas au bon endroit.
Bref je suis paumé, si vous pouvez m'aider c'est super sympas !

Clap ;)
 

mdjdenormandie

Habitué
#2
Bonjour, pour pouvoir agir sur les éléments du DOM (le contenu de "document"), il doivent d’abord être chargé pour cela 2 solutions :

1) le script doit être placé en bas de page avant la fermeture du BODY, ce qui n'est pas forcément pratique.
2) mettre le script dans la balise HEAD et exécuter le script seulement une fois que tout le document est chargé pour cela :
- soit jQuery et sont célébre :
JavaScript:
$(document).ready(function(){ 
    /*votre code*/
});
- soit en JS classique :
JavaScript:
document.addEventListener("DOMContentLoaded", function () {
     /*votre code*/
});
 
Vous devez vous inscrire ou vous connecter pour répondre ici.
Staff en ligne
  • vince1053
    Modérateur
  • PriceTF141
    Modo hardware RGB
Membres en ligne
  • vince1053
  • Noutchaku1237
  • hein
  • longaripa
  • Zampooo
  • schrabedo67
  • lenco750
  • PriceTF141
  • STIFAURE
Derniers messages publiés
Statistiques globales
Discussions
865 323
Messages
8 056 935
Membres
1 575 846
Dernier membre
simo.loujdi
Partager cette page
Haut