Help with shopping cart in javascript
Posted
by user228390
on Stack Overflow
See other posts from Stack Overflow
or by user228390
Published on 2010-05-03T20:03:10Z
Indexed on
2010/05/03
20:08 UTC
Read the original article
Hit count: 229
Hey guys, I'm having problems with my shopping cart. What I am trying to do is make a function that will add an item the cart and then and function that will view the cart and show the details. But what I have got so far does not do that, it just simply adds and goes straight to view cart. Also I wanted to store the name of each items in different global arrays (name, price and sum) but I can't get it work that way. Can any help me overcome this problem?
Edit: I've tried to get it to work by adding some more items and attaching it to another html page, but now the code does not seem to work at all , before it showed the price and total and now I get nothing .
javascript code
function round_total (c) {
var pennies = c * 100;
pennies = Math.round(pennies);
var strPennies = "" + pennies;
var len = strPennies.length;
return parseFloat(strPennies.substring(0, len - 2) + "." + strPennies.substring(len - 2, len));
}
// End of round_total function.
/* Start of generate_page function. */
function generate_page (form) {
tax = 0.08;
delivery_p = 2.99;
var odate = new Date();
var qty = form.quantity.value;
var product_v = new String(form.product.value);
var total_price = product_v.substr(product_v.indexOf("$") + 1, product_v.length - product_v.indexOf("$"));
var price_without_tax = round_total(qty * total_price);
var ttax = round_total(price_without_tax * tax);
var delivery = round_total(qty * delivery_p);
var total_p = round_total(price_without_tax + ttax + delivery);
document.writeln("Quantity: " + qty + "<br>");
document.writeln("Price: $" + total_price + "<br>");
document.writeln("Delivery: $" + delivery + "<br>");
document.writeln("Total: $" + total_p + "<br>");
document.writeln("Order placed on: " + odate.toGMTString());
}
function calculate() { round_total (c)(); generate_page (form)(); }
HTML code: Shopping cart
Welcome, Guest Login Sign Up
Stay Updated: Subscribe via RSS Email Updates<div id="header">
<div id="branding" class="container">
<h1>The Finest Toy<br /> Store Online</h1>
<p class="desc">If you're looking for a toy shop then look no further.<br/> Go on, treat the kids with our
huge selection of<br/>online toy shops selling
toys for all ages.</p>
</div><!-- end branding -->
<div id="navigation">
<ul id="menu" class="container">
<li><a href="#">HOME</a></li>
<li><a href="#">ABOUT</a></li>
<li><a href="#">Online Store</a></li>
<li><a href="#">CONTACT</a></li>
</ul>
</div><!-- end navigation -->
</div><!-- end header -->
Shopping Cart
Nintendo DS
Xbox
Product: Console £149.99 Console + Games £169.99
Quantity:Product: Console £149.99 Console + Games £169.99
Quantity:Playstation 3 Wii
Product: Console £149.99 Console + Games £169.99
Quantity: Product: Console £149.99 Console + Games £169.99 Quantity:
<input type="submit" value="Add to cart" name="submit" onClick="cart()";/><input
, type="reset" value="Reset" name="reset">
Copyright © 2010 shopping cart. Content and Header © |Back to top
Do I need to show my CSS as well? (Sorry about the coding its not working properly for me, its not showing up the way it should be)
© Stack Overflow or respective owner