title: onclick() with multiple function only execute the first
body: <p>I'm trying to execute two functions but it only execute the first one. I think that when I change a HTML variable value, the javascript stops its execution. </p>
  
  <p>This is the code that I'm executing:
  HTML:</p>
  
  <pre><code>&lt;div class="funcion" onclick="country_function();setGeo(1)"&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>function country_function(){        
          region_hide();
          class_hide();
          country_show();
      };
  
  function country_show(){
          var popup = document.getElementById("countrypopmenu");
          popup.classList.toggle("show");
      };
      function country_hide(){
          var popup = document.getElementById("countrypopmenu");
          popup.classList.toggle("hidden");
      };
      function region_show(){
          var popup = document.getElementById("regionpopmenu");
          popup.classList.toggle("show");
      };
      function region_hide(){
          var popup = document.getElementById("regionpopmenu");
          popup.classList.toggle("hidden");
      };
      function class_show(){
          var popup = document.getElementById("classpopmenu");
          popup.classList.toggle("show");
      };
      function class_hide(){
          var popup = document.getElementById("classpopmenu");
          popup.classList.toggle("hidden");
      };
  
      function setGeo(geoVal) {
        document.getElementByID('geodata').value= geoVal;
        window.alert(geoVal);
      };
  </code></pre>
  
  <p>Does anyone know why it doesn't execute all the functions? </p>