title: Link to js file in HTML needs to call to a function
body: <p>New to HTML and Javascript. Hoping for some guidance. I have saved my javascript as an external link file to clean up my code. However in div class = inner the HTML is calling to a function within the studentformcal.js file... is it possible for me to call a function within an external .js file? If so, what do I need to add to my div class to get this working?</p>
  
  <pre><code>&lt;script src="studentformcal.js"&gt;&lt;/script&gt;
  
  &lt;div class="inner"&gt;
  
      &lt;p&gt;Enter Your Degree Program
  
      &lt;select name="meal" id="meal" onChange="changecat(this.value);"&gt;
          &lt;option value="" disabled selected&gt;Select&lt;/option&gt;
          &lt;option value="Undergraduate"&gt;Undergraduate&lt;/option&gt;
          &lt;option value="Graduate"&gt;Graduate&lt;/option&gt;
      &lt;/select&gt;&lt;/p&gt;
  
      &lt;p&gt;Choose Course Program    
      &lt;select name="category" id="category" onChange="changePos(this.value);"&gt;
          &lt;option value="" disabled selected&gt;Select&lt;/option&gt;
      &lt;/select&gt;&lt;/p&gt;
  
      &lt;p&gt;&lt;u&gt;Enter letter grade for the below classes:&lt;/u&gt;&lt;/p&gt;
      &lt;form id="position"&gt;&lt;/form&gt;
  
      &lt;div id="total"&gt;&lt;/div&gt;
      &lt;div id="eligibility"&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>