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,

Aucune réponse