title: How to listen for an event that is happening to another element using JavaScript only?
body: <p>So from my understanding of event listeners is that the action only applies to the element that you used the event listener on. </p>
  
  <p>But say that I wanted to listen for a click on one element that is in a separate div, but the element I want to apply certain actions on is in a separate div. What would be the best way if possible in doing so? </p>
  
  <p>To help visualize, im looking at this users example. </p>
  
  <p><a href="https://ryannathanwilson.github.io/Rock_Paper_Scissors/" rel="nofollow noreferrer">https://ryannathanwilson.github.io/Rock_Paper_Scissors/</a></p>
  
  <p>And so from what it looks like it listens for a click on any of the buttons, and then the clicked button shows up in another area and then performs a specific action. Is this possible? Or am I understanding his code incorrectly and the elements that appear at the bottom when clicked is the original element?</p>