title: How to include .js script in html file
body: <p>I have made the following html file, with an Openweather API and a link to my app.js file. But how can I include my JavaScript code in the html file? So I want to combine those two files into one. I cannot get this to work properly.</p>
  
  <p>My html file:</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
      &lt;html&gt;
          &lt;head&gt;
              &lt;link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css"&gt;
              &lt;link rel="stylesheet" href="main.css"&gt;
              &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
              &lt;script type='text/javascript' src='app.js'&gt;&lt;/script&gt;
          &lt;/head&gt;
  
          &lt;body&gt;
                          &lt;div class="jumbotron"&gt;
                              &lt;p&gt;The weather outside is: &lt;/p&gt;
  
                              &lt;div class= "weather"&gt;
                              &lt;input type="text" placeholder="Fill in your city first." id="city"&gt;
                              &lt;button id="search"&gt;Submit&lt;/button&gt;
                              &lt;p id="demo"&gt;&lt;/p&gt;
                              &lt;/div&gt;
  
                          &lt;/div&gt;
          &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>My app.js file:</p>
  
  <pre><code>    $(document).ready(function(){
          //input city
          $('#search').click(function(){
              var city = $('#city').val();
              console.log(city);
              //get weather using API and input
              $.getJSON( "http://api.openweathermap.org/data/2.5/weather?q=" + city + "&amp;units=metric&amp;appid=9334f947893792dcb9b2e2c05ae23eb0", function( data ) {
                  $('.weather').html(Math.round(data.main.temp)+ ' degrees Celcius');
              });
          });
      });
  </code></pre>