Valuing a simple Annuity Due using Javascript

This post is about valuing a simple annuity due using Javascript programming. This post will be building off of a previous post Valuing a Simple Ordinary Annuity using Javascript since Annuity Due and Ordinary Annuities are very similar. To try out this calculator click the following link:

https://jsfiddle.net/Zerkon/fygkL78s/2/show/

Simple Annuity calculator modified to handle Annuity Due as well as Ordinary Annuity

 

What is an Annuity Due

Just like an Ordinary Annuity, an Annuity Due is a series of payments. The difference is that an ordinary annuity pays at the end of a payment period whereas annuity due is paid at the beginning. This means that the present value of each payment of an annuity due is different than an ordinary annuity. For example, we have an annual payment of $100 and the prevailing interest rate is 5%.

For an annuity, due it’s since we are paid at the beginning of the year and for ordinary annuity it’s since we are paid at the end of the year.

With that difference, let’s get coding.

HTML

For the layout for the controls, it will be almost exactly the same as in my previous post, however, I am adding an additional feature which will allow us to choose whether we want to evaluate the security as an annuity due or ordinary annuity.

<tr>
<td>Annuity Type</td>
<td>
<select id="type">
<option value="ord"> Ordinary Annuity</option>
<option value="due">Annuity Due</option>
</select></td>
</tr>

This snippet of code allows the user to choose which type of annuity they want.

Here’s the full HTML, scroll down to get the Javascript part.

</pre>
<h2>Simple Annuity Calculator</h2>
<table style="width:100%">
<tr>
<td>Annuity Type</td>
<td>
<select id="type">
<option value="ord"> Ordinary Annuity</option>
<option value="due">Annuity Due</option>
</select></td>
</tr>
<tr>
<td width="150px"> Payment Amount
<td>
<input id="payment"></tr>
<tr>
<td> Interest Rate (%)</td>
<td>
<input id="interest"></td>
</tr>
<tr>
<td> Frequency of Payments
<td>
<select id="period">
<option value="annually"> Annually</option>
<option value="semi annually"> Semi Annually</option>
<option value="quarterly"> Quarterly</option>
<option value="monthly"> Monthly</option>
<option value="bimonthly"> Bi Monthly </option>
<option value="weekly"> Weekly </option>
</select></tr>
<tr>
<td> Number of Years
<td>
<input id="years"></tr>
<tr>
<td></td>
<td>
<button type="button" onclick="myFunction()">Submit</button></td>
</tr>
</table>
<p id="demo"></p>

Javascript

The idea here is the same as with Ordinary annuities. Again I am making the assumption that the payments will be constant and unchanging. Thus I get the same mathematical equation as Ordinary Annuity,

Except I multiply in since we are discounting on period less.

As a result, I also add it to the code as follows.

//if the user choose and annuity due

if(annuitytype == "due") value = value * (1 + temp);

Remember the user gets to choose which type of annuity they want so the discount factor will only be multiplied in if the user explicitly chooses Annuity Due.

Here is the full Javascript Code:

function myFunction() {
var text;
var value = 0.0;

// gets the values from the inputs
var Payment = document.getElementById("payment").value;
var Interest = document.getElementById("interest").value;
var Years = document.getElementById("years").value;
var period = document.getElementById("period").value;
var lifespan = 1;

//lifespan variable is the frequency of payments per year
if (period == "annually") lifespan = 1;
if (period == "semi annually") lifespan = 2;
if (period == "quarterly") lifespan = 4;
if (period == "monthly") lifespan = 12;
if (period == "bimonthly") lifespan = 24;
if (period == "weekly") lifespan = 52;

// checks to see if these values are numbers
if (isNaN(Payment) || isNaN(Interest) || isNaN(Years)) {
text = "Input not valid";
}
else {
//calculates the present value of the annuity
var temp = Interest / (100*lifespan);
var temp2 = Math.pow((1 + temp), (lifespan * Years));
value = Payment * (1 - 1 / temp2) / (temp);

//if user chooses annuity due
if(annuitytype == "due") value = value * (1 + temp);

//grammatical cases for the output of the function
if(lifespan == 1 && Years == 1) text = "The Annuity pays $" + Payment + ", once per year for one year, is worth $" + value.toFixed(3);
else if(lifespan == 1) text = "The Annuity pays $" + Payment + ", once per year for " + Years + " years, is worth $" + value.toFixed(3);
else if(Years == 1) text = "The Annuity pays $" + Payment + ", " + lifespan + " times per year for one year, is worth $" + value.toFixed(3);
else text = "The Annuity pays $" + Payment + ", " + lifespan + " times per year for " + Years + " years, is worth $" + value.toFixed(3);
}

//outputs either an error message or the value of the annuity
document.getElementById("demo").innerHTML = text;
}

Thank you for reading my article, if you found it useful please like and share and if you have any questions please feel free to leave them in the comments – I may use your question for a further post.