jquery.loan-calculator/spec/fixtures/fixture.html

Amortized Loan Calculator jQuery Plugin

<div id="widget">

    <div class="form-group">
      <label for="loan-amount">Amount: </label> <span id="selected-amount"></span>
      <input type="range" id="loan-amount" min="50000" max="250000" step="1000" value="50000">
    </div>

    <div class="form-group">
      <label for="loan-duration">Months:</label> <span id="selected-duration"></span>
      <input type="range" id="loan-duration" min="12" max="36" step="1" value="12">
    </div>

    <div class="form-group">
      <label for="payment-frequency">Payment frequency: </label> <span id="selected-payment-frequency"></span>
      <select id="payment-frequency" class="form-control">
        <option value="weekly">Weekly</option>
        <option value="biweekly">Biweekly</option>
        <option value="monthly" selected>Monthly</option>
      </select>
    </div>

    <div class="form-group">
      <label for="credit-score">Credit Score:</label> <span id="selected-score"></span>
      <select id="credit-score" class="form-control">
        <option value="A" selected>A</option>
        <option value="B">B</option>
        <option value="C">C</option>
        <option value="D">D</option>
        <option value="E">E</option>
        <option value="F">F</option>
        <option value="G">G</option>
      </select>
    </div>

    <ul>
      <li>Loan total: <span id="loan-total"></span></li>
      <li>Monthly rate: <span id="payment"></span></li>
      <li>Service fee: <span id="service-fee"></span></li>
      <li>CAT: <span id="total-annual-cost"></span></li>
      <li>Grand total: <span id="grand-total"></span></li>
    </ul>

</div>