Au moins t'as cherché...
Malheureusement, comme t'es là partis, c'est droit dans le mur.
Pour reprendre...
Quelque-part dans ta page tu as un menu, un peu comme celui-ci:
<ul class="mon_menu">
<li>
<a>Premier lien permanent</a>
</li>
<li>
<a>Second lien permanent</a>
</li>
</ul>
Jusque là c'est ta liste de lien avec uniquement les liens permanents (pas de 007 ici).
Tu remarquera que j'ai apposé une classe "mon_menu" au dit menu.
Maintenant, tu vas travailler en Javascript. Ton JS sera placé dans une balise
<script> ton code ici </script>.
Tu vas procéder ainsi :
1 - parcours du DOM à la recherche de UL.mon_menu (voir commentaire de Dew)
2 - Une fois trouvée le ul, compter le nombre de LI enfants de cet UL
3 - Pour chaque lien à insérer, déplacer le 'curseur' dans le DOM à la position souhaitée pour l'insertion et insérer effectivement le lien ; soit insérer :
<li><a class="007">Mon lien vers éléments JS</a></li>
Donc pour 1 je te renvoi vers le commentaire de Dew qui va te permettre de trouver dans le DOM UL.mon_menu.
Pour 2, en JS je ne connais pas les instructions que tu peux utiliser.
Et pour 3 il existe
innerHTML qui est une instruction permettant de rajouter du contenu en html (il y en a d'autre, renseigne-toi quand à déterminer la plus appropriée).
Fonctionnement...
Donc que va-t-il se passer une fois ceci codé ?
Cas JS activé :
- Le menu se charge sous sa forme la plus svelte
- Le JS est activé chez le client donc le script est exécuté, l'assertion dans le menu est effectuée.
Résultat: un menu gonflé aux hormones.
Cas JS désactivé :
- Le menu se charge dans sa forme a plus svelte
- JS est désactivé donc le script n'est pas exécuté. Le menu n'est pas modifié.
Résultat: le menu reste à son état primaire
Vu que tu as été capable de trouver le validateur du W3C, j'ai toute confiance en ta capacité à trouver les bouts de code qui te manquent.
Bon courage !
