Question: Why is my code not working? Can you check if my function and HTML are correct? The code not working when I click the button
Why is my code not working? Can you check if my function and HTML are correct? The code not working when I click the button Make Me Rich.
Here is my HTML: "
Retirement Calculator
| Year to invest | |
| Retirement Fund | |
| Lifetime Salary | |
| Total saved | |
| Earned Interest |
| Age | Salary | Savings | Interest | Retirement |
"
Here is my JS
"
var AnnualSavings = 0;
var InterestRate = 0;
var CompoundingYears = 0;
var StartYear = 0;
var StopYear = 0;
function clearResultsTable(table) {
for (var i = table.rows.length; i > 1; i--) {
table.deleteRow(i-1);
}
}
function clearInputs(form) {
// alert("function clearInputs() is running");
var formElements = form.elements;
for (var i=0; i< formElements.length; i++)
formElements[i].value="";
}
function loadDefaults(form) {
// alert("function loadDefaults() is running");
form.reset();
}
function runComparison(form) {
if (!form.checkValidity()) {
alert("See highlighted input boxes, there are input errors");
} else {
StartYear = getNumValue('StartYear');
StopYear = getNumValue('StopYear')
StartSalary = getNumValue('StartSalary')
AnnualSaving = getNumValue('AnnualSaving');
AnnualRaise = getNumValue('AnnualRaise');
InterestRate = getNumValue('InterestRate');
console.log("StartYear :", StartYear);
console.log("StopYear :", StopYear);
console.log("StartSalary :", StartSalary);
console.log("AnnualSaving :", AnnualSaving);
console.log("AnnualRaise :", AnnualRaise);
console.log("InterestRate :", InterestRate);
}
var retirement = 0;
var interest = 0;
var totalSaving = 0;
var totalSalary = 0;
var totalInterest = 0;
var tableRowNumber = 1; // start after the heading, row 0
clearResultsTable(sparkyResultsTable);
for (var age = StartYear; age <= StopYear; age++) {
totalSalary += StartSalary;
savings = StartSalary * AnnualSaving/100;
totalSaving += savings;
retirement += savings;
interest = totalSaving * InterestRate/100;
retirement += interest;
totalInterest += interest;
// modify the DOM and add rows to Sparky's Results table
var row = sparkyResultsTable.insertRow(tableRowNumber);
var cell0 = row.insertCell(0);
var cell1 = row.insertCell(1);
var cell2 = row.insertCell(2);
var cell3 = row.insertCell(3);
var cell4 = row.insertCell(4);
cell0.innerHTML = formatNumberWithCommas(age);
cell1.innerHTML = formatNumberWithCommas(StartSalary);
cell2.innerHTML = formatNumberWithCommas(savings);
cell3.innerHTML = formatNumberWithCommas(interest);
cell4.innerHTML = formatNumberWithCommas(retirement);
tableRowNumber++;
StartSalary = StartSalary * (1 + AnnualRaise/100);
}
YeartoInvest.innerHTML = formatNumberWithCommas(age);
RetirementFund.innerHTML = formatNumberWithCommas(retirement);
LifetimeSalary.innerHTML = formatNumberWithCommas(totalSalary);
TotalSaved.innerHTML = formatNumberWithCommas(totalSaving);
EarnedInterest.innerHTML = formatNumberWithCommas(totalInterest);
}"
Step by Step Solution
There are 3 Steps involved in it
Get step-by-step solutions from verified subject matter experts
