title: Javascript querySelectorAll undefined
body: <p>Apologies if this is daft but I'm going a bit mad with this issue i think. I keep getting an undefined error when logging my querySelectorAll to the console. I would like to add a click event on the querySelectorAll selector below eventually once i can work out the issue. All i want is the btn click handler to work when the section has class active.</p>
  
  <pre><code>&lt;section class="section test active"&gt;
    &lt;div class="btn"&gt;&lt;/div&gt;
  &lt;/section&gt;
  
  &lt;section class="section test"&gt;
    &lt;div class="btn"&gt;&lt;/div&gt;
  &lt;/section&gt;
  
  var btn = document.querySelectorAll('.section.active .btn');
  console.log(btn[0]);
  </code></pre>
  
  <p>This shows undefined.</p>
  
  <p>What i am looking to do is something like</p>
  
  <pre><code>var btn = document.querySelectorAll('.section.active .btn');
      btn.addEventListener('click', function() {
   //Do something
  });
  </code></pre>
  
  <p>EDIT
  Sorry i forgot to add the class section to the section tag</p>
  
  <p>Appreciate any advice</p>