title: Selected value from select html tag not producing correct result in javascript if/else statement
body: <p>** Edited: Thank you for your initial responses! After going through to build on my initial code I am at another roadblock. I am trying to allow the 'change' for all my selectors, but now it will update in my JS. Also, prior to adding the doStuff(document.querySelectorAll()); I was using document.getElementById().addEventListener('change'), which was allowing my if/else statement to run, but when trying to write it to the page it deleted out my html. I do not want that to happen as I would like it to either show after I run the function at the bottom if I want to update a selector or auto update as I go down and update my selectors. Once again I am grateful for the help. </p>
  
  <p>I am new to coding so this my not be the prettiest code, but I am trying to learn.</p>
  
  <p>My HTML code is as follows: </p>
  
  <pre><code>    &lt;body&gt;
    &lt;form method="POST"&gt;
      &lt;div id="dynamicInput1"&gt;
        &lt;ul&gt;
          &lt;strong&gt;Is the individual/entire family under 30?&lt;/strong&gt;
        &lt;/ul&gt;
        &lt;select id="myDropDown1"&gt;
          &lt;option value="yes"&gt;Yes&lt;/option&gt;
          &lt;option value="no"&gt;No&lt;/option&gt;
        &lt;/select&gt;
      &lt;/div&gt;
      &lt;div id="dynamicInput2"&gt;
        &lt;ul&gt;&lt;strong&gt;High utilizer of Healthcare? Examples:&lt;/strong&gt;
          &lt;li&gt;Takes prescription drugs&lt;/li&gt;
          &lt;li&gt;Goes to the doctor or specialist frequently&lt;/li&gt;
          &lt;li&gt;Managing a chronic condition&lt;/li&gt;
          &lt;li&gt;Or having a planned procedure&lt;/li&gt;
        &lt;/ul&gt;
        &lt;select id="myDropDown2"&gt;
          &lt;option value="yes"&gt;Yes&lt;/option&gt;
          &lt;option value="no"&gt;No&lt;/option&gt;
        &lt;/select&gt;
      &lt;/div&gt;
    &lt;/form&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>My JavaScript is as follows: </p>
  
  <pre><code>    doStuff(document.querySelectorAll('myDropDown1, myDropDown2').addEventListener('change', function() {
    var dropDown1 = document.getElementById('myDropDown1').value;
    var dropDown2 = document.getElementById('myDropDown2').value;
  
    if(dropDown1 === 'yes') {
      alert('Holy Crap!')
    } else if(dropDown2 === 'no') {
      alert('Is this going to work?')
    } else{
      alert('WTF...')
    };
  }));
  </code></pre>