Help with shopping cart problem

Randi · Apr 3, 2004

Hi, Thanks David and I got that to work, I guess I still need to get it to
work using the arrays and the selectedIndex property. I have to use an
alert box that shows the total price like: The cost = the base price + RAM
price + Hard Drive Price + Operating System Price The cost = the base price
+ RAM price + Hard Drive Price + Operating System Price. This is what I
have so far, I think i need to use a for loop, because of the array. Any
help would be appreciated. The code I have so far is
below.

Thanks,

Randi

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Harmon's Computer Store</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
var basePrice = 799;

var Ram = new Array(0, 70, 150, 280);
var HD = new Array(0, 30, 70);
var OS = new Array(0, 70, 150, 280);

function Calc(myForm){

}

</script>
</head>

<body>
<p align="center"><font color="#FF0000" size="+2" face="Arial, Helvetica,
sans-serif">Harmon's Computer Store</font></p>
<table width="75%" border="0">
<tr>
<td width="35%"><div align="center"><img src="images.jpg" width="103"
height="90"></div></td>
<td width="65%">The base price of this computer is $799. Because this is
a spring break
special, the manufacturer offers limited options.</td>
</tr>
</table>
<p> </p>
<p>Intel Pentium 4 300 GHz , 128 MB RAM, 40 G Hard Drive, 48x/24x/48 CD RW,
17"
color monitor.</p>
<form name="myForm" method="post" onSubmit="Calc(myForm)">
<p>Optional Upgrades</p>
<p>
<select name="RAM">
<option>128 MB</option>
<option>256 MB DDR(add $70)</option>
<option>512 MB DDR (add $150)</option>
<option>1 GM DDR (add $280)</option>
</select>
</p>
<p>
<select name="HardDrive">
<option> 40 GB</option>
<option>80 GB (add $30)</option>
<option>120 GB (add $70) </option>
</select>
</p>
<p>
<select name="OS">
<option>Windows XP Home Edition</option>
<option>Windows XP Professional Edition (add $70)</option>
<option>Windows XP Home Edition with Microsoft Plus (add $20)</option>
<option>Windows XP Home Professional Edition with Microsoft Plus (add
$90)</option>
</select>
</p>
<p>Enter your name here:
<input type="text" name="customerName">
</p>
<p>
<input type="submit" name="Submit" value="Price">
</p>
<p> </p>
</form>
<p> </p>
</body>
</html>

Michael Winter · Apr 3, 2004

Hi, Thanks David and I got that to work,
Good...

I guess I still need to get it to work using the arrays and the
selectedIndex property.

....so I don't see why you're trying to pursue another course of action.

I have to use an alert box

Why? Do you have something against people that don't use JavaScript?

All of this would be best performed on a server anyway, using a
centralised database and guaranteed execution. Using JavaScript means
updating multiple pages if you alter prices (which you are sure to do when
selling computer equipment), and needlessly excluding potential customers
that don't use JavaScript.

that shows the total price like: The cost = the base price + RAM price
+ Hard Drive Price + Operating System Price [snipped 2nd instance]

So you just duplicate what David suggested for the other price modifiers.

This is what I have so far, I think i need to use a for loop, because of
the array.

As you don't need the array, you don't need the loop. However, this is how
you could do it:

var base = 799;
var RAM = [ 0, 70, 150, 280 ];
var HD = [ 0, 30, 70 ];
var OS = [ 0, 70, 150, 280 ];

function calcPrice() {
var price = base;
var form = document.forms[ 'myForm' ];

price += RAM[ form.elements[ 'RAM' ].selectedIndex ];
price += HD[ form.elements[ 'HardDrive' ].selectedIndex ];
price += OS[ form.elements[ 'OS' ].selectedIndex ];

// "price" now contains the modified total
}

[snipped code]

From your original post:

<form name="myForm" method="post" onSubmit="Calc(myForm)">

This won't work on a lot of browsers. Only a few browsers allow you to use
id and name attribute values as references to the respective elements. Use
either the well supported collections (forms, images, etc) or DOM methods
to access elements. However, in this case, you simply need to use

<form ... onsubmit="Calc(this)">

which will pass a reference to the form to the Calc() function.

Mike

simple shopping cart problem	3	Apr 2, 2004
How do I get the if statement correct in the lines that has it in the program?	2	Mar 16, 2023
Array - for loop	1	Apr 8, 2004
Help with my responsive home page	2	Dec 14, 2022
Help ! Shopping Cart Problem	17	Oct 29, 2005
Help with code	0	Jun 12, 2022
Need Help, Both submit button works same, i need both submit button works differently, the one button override other button	3	Nov 9, 2022
How to add dropdown selected data to table using jquery	2	Jul 2, 2022

Help with shopping cart problem

Randi

Michael Winter

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads