title: Javascript pricing slider
body: <p>I was wondering if someone could help with some Fiddle code, or an explanation of how to create a simple interactive JavaScript pricing slider.</p>
  
  <p>What I'm after is a slider that goes from 50 to 500, going up in increments of 1 for the sider (so when you slide to the left or to the right, you get a single digit - 1, 2, 3 etc)</p>
  
  <p>Number of employees</p>
  
  <pre><code> -50---100---150---200---250---300---350---400---450---500
  
          &lt;-----         |||         -----&gt;
  </code></pre>
  
  <p>Price of software:</p>
  
  <p><code>[£2 per employee]</code></p>
  
  <p>I would also like to bind an additional £1 to the total cost if this check box is selected:</p>
  
  <p><code>Add £1 for this additional feature:
  [x]</code></p>
  
  <p>^ This is a check box that will dynamically update the price with an additional <code>£1</code> for every added employee.</p>
  
  <p>Can anyone help me with creating the JavaScript or direct me to a plugin for doing this please?</p>
  
  <p>Here is a similar pricing chart: <a href="https://www.bamboohr.com/pricing.php" rel="nofollow">https://www.bamboohr.com/pricing.php</a></p>