title: Gathering multiple elements and on enter, trigger a click on which ever is selected
body: <p>What I'm trying to accomplish:</p>
  
  <p>When a user tabs over and hits enter on any labels present in my application (the months or percentage labels), it simulates a click on whichever label you're on.</p>
  
  <p>Here's the JS code:</p>
  
  <pre><code>///////// Accessibility
  
  // Grab label ID's for labels
  
  const allLabels = document.querySelectorAll("labels");
  
  // On hitting enter of any month or percentage label, trigger a click
  
  allLabels.addEventListener("keyup", onEnter);
  
  function onEnter(e) {
    e.preventDefault();
    if (e.keyCode === 13) {
      allLabels.click();
    }
  }
  </code></pre>
  
  <p>It currently throws an error of, "allLabels.addEventListener is not a function", and also of course doesn't work.</p>
  
  <p>Any idea? Thanks in advance.</p>