JSFiddle - React, Tailwind, and code Playground

by andieje

HTML

<ul id="credit" name="credit">
			<li data-interest = "0.056" class="active"><a href="#"><span id="excellent" class="0.056">excellent</span></a></li>
			<li data-interest = "0.099"><a href="#"><span id="good" class="0.099">good</span></a></li>						
           <li data-interest = "0.169"><a href="#"><span id="fair" class="0.169">fair</span></a></li>
			<li data-interest = 0.299><a href="#"><span id="bad" class="0.299">bad</span></a></li>
		</ul>

JavaScript

$(function() {
    monthly_payment();
 });
  

function monthly_payment(){
	var interest = $('ul#credit').find('li.active').data('interest');
    alert(interest);
   console.dir($('ul#credit'));
       var iinterest   = interest_rate / 1200;
       payment = principal * interest / (1 - (Math.pow(1/(1 + interest), monthly_period)));
       payment = Math.round(payment * 100) / 100;
       return payment;
       
}