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: "

Make Me Rich

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

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!