title: JavaScript if statement from select box
body: <p>I can't figure out where I'm going wrong - when "Europe" is selected nothing happens. </p>
  
  <p>When I take away the if statement it works, so the output code is definitely okay. The problem seems to be with the if condition.</p>
  
  <pre><code> &lt;script&gt; 
  
   function shipping_calc() {  
      var val = document.getElementById.("country").value;    
      if(val === "Europe") {   
          document.getElementById("output").innerHTML = "£2.40";
      }   
   }
  
  &lt;/script&gt;
  
  &lt;select id="country" onchange="shipping_calc()"&gt;
    &lt;option value="United Kingdom"&gt;United Kingdom&lt;/option&gt;
    &lt;option value="Europe"&gt;Europe&lt;/option&gt;
    &lt;option value="Worldwide"&gt;Worldwide&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;p id="output"&gt;&lt;/p&gt;
  </code></pre>