How do you write a formula and use variables in javascript/html?

What I am looking to do is create a group of variables that work off each other and I'm not sure how to do this. I'm looking to create a webpage that compounds interest quarterly and am not sure how I would go about implementing the code and variables.

I believe I have the page lain out but am not sure how to go about making the variables change with each quarter. So I can get quarter one complete, but have no idea how to write the formulas or code that work off the first quarter to complete the second quarter. Here is my haphazard attempt and what I have done so far. Any help is greatly appreciated.

Expand|Select|Wrap|Line Numbers

 
<!doctype html>

<!-- attempt3.html                                  some guy -->

<!-- Web page that calculates the calculates interest quarterly -->

<!-- =================================================== -->
 
<html>

 <head>

   <title> quarterly interest </title>

 </head>
 
 <body>

   <h2>Quarterly Interest Calculator</h2>

   <p>
 
<table border="1">

<tr>

     <th>Beginning Balance:</th> <th>$<input type="text" id="amountBox" size=10 value="10000"></th>

     <br>

</tr>

<tr>

     <th>Interest Rate:</th> <th><input type="text" id="interestBox" size=10 value="3.5">%</th>

   </p>  

   <input type="button" value="Click for Calculation" 

          onclick="Q1 = parseFloat(document.getElementById('amountBox').value);

                   interest = Q1 * ((document.getElementById('interestBox').value)/100);

                   document.getElementById('outputDiv').innerHTML=    

            'Total interest Earned: ' + interest;">

<script>

 document.getElementById('outputDiv')

      <br>

<table border="1">
 
<tr>

<th>Quarter</th>

<th>Principal</th>

<th>Interest Earned</th>

</tr>
 
<tr>

<td>1</td>

<td>$</td>

<td>$ </td>

</tr>
 
<tr>

<td>2</td>

<td>$</td>

<td>$</td>

</tr>
 
<tr>

<td>3</td>

<td>$</td>

<td>$</td>

</tr>
 
<tr>

<td>4</td>

<td>$</td>

<td>$</td>

</tr>
 
</table> 
 
   <hr>

   <div id="outputDiv"></div>
 
 </body>
 
</html>

Sep 26 '11 #1

Subscribe Post Reply

2984

Nk Inc

I'm starting to get a bit closer to what I need to have but still feel lost. I will post my progress. I am still lost as to what I need to do with the variables to make this work. ANY help would be greatly appreciated at this point. I will continue to edit this as I go.

Expand|Select|Wrap|Line Numbers

 
<!doctype html>

<!-- attempt3.html                                  some guy -->

<!-- Web page that calculates interest quarterly -->

<!-- =================================================== -->
 
<html>

 <head>
 
   <title> quarterly interest </title>
 
 </head>
 
 <body>
 
   <h2>Quarterly Interest Calculator</h2>
 
   <p>
 
<table border="1">

<tr>

     <th>Beginning Balance:</th> <th>$<input type="text" id="amountBox" size=10 value="10000"></th>
 
     <br>

</tr>

<tr>

     <th>Interest Rate:</th> <th><input type="text" id="interestBox" size=10 value="3.5">%</th>
 
   </p>  
 
   <input type="button" value="Click for Calculation" 
 
          onclick="Q1=document.getElementById('amountBox').value;
 
        interest=document.getElementById('interestBox').value)/100;
 
      <br>
 
<table border="1">
 
<tr>
 
<th>Quarter</th>
 
<th>Principal</th>
 
<th>Interest Earned</th>
 
</tr>
 
<tr>
 
<td>1</td>
 
<td>$ 10,000 </td>
 
<td>$ 350 </td>
 
</tr>
 
<tr>
 
<td>2</td>
 
<td>$ 10,350</td>
 
<td>$ 362.25</td>
 
</tr>
 
<tr>
 
<td>3</td>
 
<td>$ 10712.25</td>
 
<td>$ 374.928</td>
 
</tr>
 
<tr>
 
<td>4</td>
 
<td>$ 11087.18</td>
 
<td>$ 388.05</td>
 
</tr>
 
</table> 
 
<script type="text/javascript">
 
        Q1=document.getElementById('amountBox').value;
 
        interest=document.getElementById('interestBox').value)/100;
 
        Qa=Q1*interest;
 
        Qb=Q2*interest;
 
        Qc=Q3*interest;
 
        Q2=Q1+Qa;
 
        Q3=Q2+Qb;
 
        Q4=Q3+Qc;"

</script>
 
   <hr>
 
 </body>
 
</html>

Sep 26 '11 #2

Similar topics

PHP/Javascript/HTML problem

by: Phil Powell | last post by:

I am having a potential PHP/Javascript/HTML conflict going on in my code that I simply can't resolve - been wracking my brain for a good hour over this one and have come up with no good solution. ...

Javascript

Looking For Candidates -- AJAX, Javascript, HTML, CSS

by: sneill | last post by:

MXLogic, a Denver, Colorado based software company with 100+ employees is looking for candidates with **VERY STRONG** AJAX, Javascript, HTML, and CSS skills. Our company is building...

Javascript

Variables, Javascript and CGI

by: Paradox | last post by:

Hi everyone, kinda new to Javascript. Here is the issue, I have a form that sends to a different action based on the button pushed. But it also is sending variables to the server as well. Here...

Javascript

Small javascript/html that's not working as I think it should - please help

by: gkellymail | last post by:

I have a small javascript/html code below that demonstrates that problem I'm having in a larger program. I've tried all kinds of things to get it to work, but it just won't do what I want. I've...

Javascript

Safari and form variables in html page

by: justplain.kzn | last post by:

Hi, I have a table with dynamic html that contains drop down select lists and readonly text boxes. Dynamic calculations are done on change of a value in one of the drop down select lists. ...

Javascript

How To Build A Formula Using Javascript?

by: fanchun | last post by:

I already built 2 javacript files factor.js and parm.js. factor.js is an array, having several factor as elements. for example, factor.js looks like: var factor= parm.js is also an array, having...

Javascript

Seeking CSS, Javascript, HTML, PHP editor component....

by: jim | last post by:

I am seeking a .Net component that handles CSS, Javascript, HTML and PHP editing, validation and auto-completion (intellisense would be great). I have searched Google and componentsource but have...

.NET Framework

How to pass variables from html to multiple SWF files?

by: alan cravey | last post by:

I have been successful with passing variables from html to a flash movie by using flashVars; however, I need these variables to be passed to multiple flash (swf) movies. In particular, they need to...

Flash / Actionscript

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

by: CloudSolutions | last post by:

Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

General

Wordpress or something else?

by: Faith0G | last post by:

I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

Content Management Systems

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++