Comment colorer une des 100 boîtes avec un bouton dans un mode modal à l'aide de JavaScript

Juste pour faciliter la tâche, je explique ce que je souhaite faire dans un exemple simplifié.

• J'ai 100 cases sur mon site à l'aide de Simple HTML / CSS. (Style non montré) Li>
• J'ai écrit un peu de JS pour ouvrir un modal qui s'ouvre lorsque vous cliquez sur l'une des 100 cases portant la même classe: Class = "Boîtes": Li> ul>

  Le modal a un identifiant de "modal": p> xxx pré>

  lorsque une boîte est cliquée sur le modal apparaît: P>

      //The modal
      <div id="modal">
              <button id="green">Completed</button>
      </div>
  
      //just some boxes         
      <div class="boxes"></div>
      <div class="boxes"></div>
      <div class="boxes"></div>
      <div class="boxes"></div>
      .... 96 more boxes
  

  • Maintenant, je souhaite colorer la boîte qui a été cliquée à l'aide d'un bouton dans le modal qui a été ouvert. Le code qui ne fonctionne pas mais est mon devin la plus proche ressemble à ceci: p> XXX PRE> LI> ul>

    Écriture "Les boîtes [0]" vont colorer la première case, mais ce n'est bien sûr pas ce que je souhaite. Je souhaite colorer la boîte qui a été cliquée. P>

    Merci pour toute entrée. Bonne journée! P>

    sur demande ive SOM SOM SOM SIMPLE HTML em> strong> p>

    //get the coloring button in the modal which has Id of "green".
    
    var coloring = document.getElementById("green");
    
    coloring.onclick = function () {
    boxes[i].style.backgroundColor = "#90EE90";
    //closing the modal after clicking which works
    modal.style.display = "none";
    };