title: Display an alert with message according to the radio button chose
body: <p>I'm creating a role playing game questionnaire for a Pathfinder campaign. I thought to create a it of sorts to give various bonuses to the characters playing based on how they answer the questions listed.  I plan to adjust the content below, I just need to know how to write the code displaying input radio button values selected for each question.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;script&gt;
  
  function myFunction()
  {
  var queone = document.getElementById("qone").value;
  var quetwo = document.getElementById("qtwo").value;
  var quethr = document.getElementById("qthr").value;
  
  if (queone == 1) { 
  alert("You are now +2 Acrobatics");
  }
  else if (queone == 2) {
  alert("You are now +2 to Bluff");
  }
  else if (queone == 3) {
  alert("You are now +2 Diplomacy");
  }
  
  if (quetwo == 1) { 
  alert("You are now +2 Acrobatics");
  }
  else if (quetwo == 2) {
  alert("You are now +2 to Bluff");
  }
  else if (quetwo == 3) {
  alert("You are now +2 Diplomacy");
  }
  
  if (quethr == 1) { 
  alert("You are now +2 Acrobatics");
  }
  else if (quethr == 2) {
  alert("You are now +2 to Bluff");
  }
  else if (quethr == 3) {
  alert("You are now +2 Diplomacy");
  }
  }
  &lt;/script&gt;
  
  &lt;div&gt;
  
  
  
  &lt;h2 align="center"&gt;Fantasy Survey&lt;/h2&gt;
  &lt;p&gt;Do you love fantasy games?&lt;/p&gt;&lt;/br&gt;&lt;/br&gt;
  &lt;input id="qone" name="radio1" value="1" checked="" type="radio"&gt;Yes&lt;/br&gt;&lt;/br&gt;
  &lt;input id="qone" name="radio1" value="2" type="radio"&gt;Meh&lt;/br&gt;&lt;/br&gt;
  &lt;input id="qone" name="radio1" value="3" type="radio"&gt;No&lt;/br&gt;&lt;/br&gt;
  &lt;p&gt;Have you ever considered playing pen and paper games?&lt;/p&gt;&lt;/br&gt;&lt;/br&gt;
  &lt;input id="qtwo" name="radio2" value="1" checked="" type="radio"&gt; Yes&lt;/br&gt;&lt;/br&gt;
  &lt;input id="qtwo" name="radio2" value="2" type="radio"&gt; Meh&lt;/br&gt;&lt;/br&gt;
  &lt;input id="qtwo" name="radio2" value="3" type="radio"&gt; No&lt;/br&gt;&lt;/br&gt;
  &lt;p&gt;Do you like Pathfinder?&lt;/p&gt;&lt;/br&gt;&lt;/br&gt;
  &lt;input id="qthr" name="radio3" value="1" checked="" type="radio"&gt; Yes&lt;/br&gt;&lt;/br&gt;
  &lt;input id="qthr" name="radio3" value="2" type="radio"&gt; Meh&lt;/br&gt;&lt;/br&gt;
  &lt;input id="qthr" name="radio3" value="3" type="radio"&gt; No&lt;/br&gt;&lt;/br&gt;
  &lt;input type="button" onclick="myFunction()" value="Submit" /&gt;
  
  
  &lt;/div&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I'm looking to display an alert with a bonus for the characters depending on what selection they make via the radio button values.  I feel like I'm close, but I don't know how to only alert values related to the specific radio button(s) selected.  If you have a better way, I'm happy to hear it, but I would like to have it done similarly to what I've posted above.</p>
  
  <p>Thanks for your time!!</p>