Could you pls help me sought this out.
I'm working on a javascript projects that handles a complex calculation whose input
data comes from html forms.

I've been able to debug the code, yet I don't get my output when I click the "CALCULATE" button.

How best can I solve this problem.

Here is the code:

<SCRIPT language="javascript" type="text/javascript">
var areaIds = [
"kitchen", "laundry", "dining", "lounge", "study", "rumpus", "bathroom_1",
"bathroom_2", "numExtraBathrooms", "extraBathroomArea", "numExtraRooms",
"extraRoomArea", "bedroom_1", "ensuite", "wardrobe", "bedroom_2",
"bedroom_3", "bedroom_4", "numExtraBedrooms", "extraBedroomArea",
"garage", "decks", "circulation"
];

var defaultAreaValues = [
8, 4, 12, 20, 9, 20, 6,
4, 0, 0, 0,
0, 16, 4, 4, 12,
12, 0, 0, 0,
36, 9, 0.1
];

var smallAreaValues = [
4, 2, 6, 16, 0, 0, 4,
0, 0, 0, 0,
0, 16, 0, 0, 9,
9, 0, 0, 0,
0, 6, 0.1
];

var largeAreaValues = [
16, 6, 16, 30, 12, 30, 8,
8, 0, 0, 0,
0, 20, 8, 9, 15,
15, 15, 0, 0,
36, 16, 0.2
];

var kitchen;
var laundry;
var dining;
var lounge;
var study;
var rumpus;
var bathroom_1;
var bathroom_2;
var numExtraBathrooms;
var extraBathroomArea;
var numExtraRooms;
var extraRoomArea;
var bedroom_1;
var ensuite;
var wardrobe;
var bedroom_2;
var bedroom_3;
var bedroom_4;
var numExtraBedrooms;
var extraBedroomArea;
var garage;
var decks;
var circulation;

var indoorArea;
var outdoorAreas;
var garageArea;
var totalArea;

var indoorCost;
var outdoorCost;
var garageCost;
var totalCost;

function initialiseEstimator()
{
for (var i = 0; i < areaIds.length; i++)
{
if (areaIds[i] != "circulation"
{
document.getElementById(areaIds[i]).value = defaultAreaValues[i];
}
}
indoorArea = document.getElementById("indoorArea";
outdoorAreas = document.getElementById("outdoorAreas";
garageArea = document.getElementById("garageArea";
totalArea = document.getElementById("totalArea";
indoorCost = document.getElementById("indoorCost";
outdoorCost = document.getElementById("outdoorCost";
garageCost = document.getElementById("garageCost";
totalCost = document.getElementById("totalCost";
kitchen = document.getElementById("kitchen";
laundry = document.getElementById("laundry";
dining = document.getElementById("dining";
lounge = document.getElementById("lounge";
study = document.getElementById("study";
rumpus = document.getElementById("rumpus";
bathroom_1 = document.getElementById("bathroom_1";
bathroom_2 = document.getElementById("bathroom_2";
numExtraBathrooms = document.getElementById("numExtraBathrooms";
extraBathroomArea = document.getElementById("extraBathroomArea";
numExtraRooms = document.getElementById("numExtraRooms";
extraRoomArea = document.getElementById("extraRoomArea";
bedroom_2 = document.getElementById("bedroom_2";
bedroom_3 = document.getElementById("bedroom_3";
bedroom_4 = document.getElementById("bedroom_4";
bedroom_1 = document.getElementById("bedroom_1";
numExtraBedrooms = document.getElementById("numExtraBedrooms";
extraBedroomArea = document.getElementById("extraBedroomArea";
ensuite = document.getElementById("ensuite";
wardrobe = document.getElementById("wardrobe";
garage = document.getElementById("garage";
decks = document.getElementById("decks";
circulation = document.getElementById("circulation";

clearTotals();
}

function clearTotals()
{
indoorArea.value = "";
outdoorAreas.value = "";
garageArea.value = "";
totalArea.value = "";

indoorCost.value = "";
outdoorCost.value = "";
garageCost.value = "";
totalCost.value = "";
}
</SCRIPT>

Thanks!

Where is the html form? and please put your code in code tag for easy reading.

This sort of thing could be done better from the server side using AJAX

naija_swag:

This sort of thing could be done better from the server side using AJAX

you ave said it all
@poster use a SERVER SIDE LIKE PHP.
OR if u want fast friendly output use AJAX
beside from your coding on javascript u are wrong in certain instance

var kitchen;
var laundry;
var dining;
var lounge;
var study;
var rumpus;
var bathroom_1;
var bathroom_2;
var numExtraBathrooms;
var extraBathroomArea;
var numExtraRooms;
var extraRoomArea;
var bedroom_1;
var ensuite;
var wardrobe;
var bedroom_2;
var bedroom_3;
var bedroom_4;
var numExtraBedrooms;
var extraBedroomArea;
var garage;
var decks;
var circulation;

var indoorArea;
var outdoorAreas;
var garageArea;
var totalArea;

var indoorCost;
var outdoorCost;
var garageCost;
var totalCost;

in the above green text you didnt asign a value to your variable u just drop down the variable and this is where i think you are having a problem
also lets see the html form