title: how to install noUiSlider?
body: <p>I'm trying to install this slider (<a href="https://refreshless.com/nouislider/" rel="nofollow noreferrer">https://refreshless.com/nouislider/</a>)</p>
  
  <p>I've downloaded the nouislider.js &amp; nouislider.css files and put them in separate folders (css &amp; js) and created an html file and a div with the name of the slider.</p>
  
  <p>Then added the .js link in the body, and the .css link in the head. what am I missing? I know this might be a silly question but I have no idea how to create the slider or what to try next...</p>
  
  <pre><code>&lt;head&gt;
    &lt;link rel="stylesheet" type="text/css" href="css/nouislider.css" /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id="slider"&gt;&lt;/div&gt;
  
    &lt;script src="js/nouislider.js"&gt;&lt;/script&gt;
  
    &lt;script&gt;
      var slider = document.getElementById('slider');
  
      noUiSlider.create(slider, {
        start: [20, 80],
        connect: true,
        range: {
          'min': 0,
          'max': 100
        }
      });
  
    &lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>