How to Price Your Online Course (with Calculator)

gistfile1.txt

<link rel="stylesheet" href="https://staticblog.payhip.com/calcs/css/style.css">
<link rel="stylesheet" href="https://staticblog.payhip.com/calcs/css/ion.rangeSlider.min.css">
<script src="https://code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=" crossorigin="anonymous"></script><script src="https://staticblog.payhip.com/calcs/js/ion.rangeSlider.min.js"></script><script src="https://staticblog.payhip.com/calcs/js/script.js"></script>
<p>
<div class="pricing__calculator">
<div class="pricing__box--top">
<div class="pricing__field">
<h6>Course Income Goal</h6>
<div class="field__wrapper"><span class="currency">$</span>
<input class="format__input numeric formula__input" name="course__income--value" type="text" value="10,000" /></div>
</div>
<div class="pricing__field">
<h6>Estimated Cost of Course Creation</h6>
<div class="field__wrapper"><span class="currency">$</span>
<input class="format__input numeric formula__input" name="estimated__cost--value" type="text" value="1,000" /></div>
</div>
<div class="pricing__field">
<h6>Your Audience Size</h6>
<div class="field__wrapper"><input class="format__input numeric formula__input" name="audience__size--value" type="text" value="1,000" /></div>
</div>
<div class="pricing__field">
<h6>Expected Conversion Rate (%)</h6>
<div class="field__wrapper"><input id="conversion__rate--slider" type="text" /></div>
</div>
</div>
<div class="pricing__box--bottom">
<h6>Suggested Course Pricing</h6>
$ <span id="total">0.00</span>
</div>
</div>