Bonjour tout le monde,
Souhaitant améliorer ma pratique du JS, je me suis imposé un exercice sur un ancien projet.
Ce que je veux
Mon but est de dupliquer la définition contenue dans la div .git-command-toCopy et de la placer dans .git-desc-command-mod, cette dernière ne s'affichera quand mobile.
Mon code HTML
Ce que j'obtiens
J'ai pensé que les boucles imbriquées serait une bonne solution pour résoudre ce problème mais voila ce que j'obtiens avec le code suivant :
const allCommandToCopy = document.querySelectorAll(".git-command-toCopy");
const allCommandToPlace = document.querySelectorAll(".git-desc-command-mod");
allCommandToCopy.forEach(command => {
// Je récupère la liste de définition des commandes GIT
const contentToCopy = command.innerText;
console.log(contentToCopy);
allCommandToPlace.forEach(toCopy => {
toCopy.innerHTML = contentToCopy;
})
});
Résultat
Après plusieurs itérations je commence à être à cour d'idée et je viens demander votre aide.
Cordialement,