進行中

Build an Online Store

Using JavaScript, create a simple web page that will take orders for BDR Micro. BDR Micro

Chapter 14: JavaScript

HINT: Follow the textbook, slides, and source code examples from Chapter 13 if there are multiple ways to implement a given requirement.

Submit a single complete HTML5 page for the following coding problem. (100%)
Using JavaScript, create a simple web page that will take orders for BDR Micro. BDR Micro sells fast, efficient, better-than-Intel chips for $110 each. Discounts are given for buying in bulk (see the Discounts table and example below). You should not render the Discounts table in the assignment; it is for your information and will be used in your calculations.

Discounts
Quantity Purchased Discount
1 – 19 0%
20 – 49 2%
50 – 79 4%
80 – 99 6%
100 + 8%

Example: If a customer purchases 40 chips, their total price (CTotal) would be:


Program Requirements: Your page must use a combination of HTML5 and JavaScript with the following requirements.
1. Use the window.confirm() method to ask the user if they want to purchase chips. If the user doesn’t want to continue (hits Cancel), display an appropriate message in the browser. Otherwise, continue with the next steps. (20%)

Note that the window.confirm() method returns a Boolean value, true if the user chooses the “OK” button in the dialog window, and false if the user chooses the “Cancel” button.

The first thing you would see upon launching the page is the window.confirm() dialog:



An example of what to display if the user hits Cancel is below:


2. Then use the window.prompt() method to gather the user’s name, address (one-line format), telephone number, and email address, as well as how many chips they want to buy (20%).




Each prompt will look similar to this as you gather the name, address, phone number and email address. Dummy data is acceptable and you do not have to validate its format.

The 5th and last prompt will be “How many chips do you want to buy?”



3. After all input is gathered, the JavaScript makes the price calculation and displays two chunks of information:



The top half of the page should display the user’s basic information (20%):
a. User’s name,
b. User’s address,
c. User’s phone number, and
d. User’s email address.

The lower half displays quantity, pricing, discount amounts, etc. (30%):
a. Number of chips purchased
b. Cost per unit,
c. Total cost before discount,
d. Amount of discount (percentage and money amount), and
e. Total cost after discount.

Your page should be formatted to be similar to the screenshots included in this document. You may use a pure CSS layout (divs) or a table layout with additional CSS as needed. All CSS directives should be embedded in the page header, not in an external style sheet for this assignment. (10%)


The body and h3 CSS specification is provided here, and the graphic file chip.png will be attached to the assignment in BB.

body { background-color:#f4ffe4;
color:#333333;
font-family:Arial, Verdana, sans-serif;
margin:auto;
width:700px;
}

h3 { background-color:#d5edb3;
color:#5c743d;
font-family:Georgia, "Times New Roman", serif;
padding: 10px 0px 10px 50px;
background-image: url(chip.png);
background-repeat: no-repeat;
margin: 20px 0 20px 0;
}

You are responsible for the formatting and physical layout of the user data and pricing.

MESSAGE FROM POSTER:

So I'm kind of short on time with this project. The sooner I could get it done the better. Failed to post in advanced. This assignment should be relatively simple, and kept as simple as possible. This assignment is for a web developing class, but the website or the javascript code does not need to be flawless. In fact, I would prefer it kept as simple as possible. It's a VERY simple assignment, and I'm trying to refrain from calling off work to spend two hours on this very simple homework assignment. Thanks to all and anybody who can help.

I'm also attaching the original assignment outline. Nothing has to be fancy, complex, or incredibly intricate. To a javascript developer, this may appear elementary. This assignment would normally only take about 1-3 hours. I'm not looking for perfectionist work. I'm looking for someone who can complete this assignment by just naturally knowing what they're doing. No third party obscure/ expensive programs should be used to complete this, it's all coding. BDR electronics is a hypothetical company and is used as an example while using javascript to carryout calculations then displaying the result. The overall guidelines are listed in the attachment. Remember, the sooner the better! Thanks so much!

スキル: eコマース, HTML, Java, Javascript, ウェブサイトのデザイン

さらに表示: online html web page design, html web page design online, design html web page online, design html page online, create a online store, Build a web store, simple html store design, javascript web page build, micro html, build web store, online store using html, create simple store html, next page event crystal report using web, javascript online store, online convert jpg swf file web page, save web page html using vba, save web page pdf using net, vb6 send web page login using post, simple web store javascript, web page creation using publisher, simple online store, vba save web page using web form, simple web store

採用者について:
( 4件のレビュー ) Highland Heights, United States

プロジェクトID: #5826838

アワード:

tegonity

Hello, We’re Tegonity. We are specialized, and well experienced Web Design & Development Team. We came up to your project description and We’re interested to assist you on the respective project. ---------------------- もっと

$30 USD 1日以内
(6レビュー)
3.3

この仕事に、7人のフリーランサーが、平均$108で入札しています。

szymszteinsl

Ready ! Ready ! RReady ! Ready ! Ready ! Ready ! Ready ! Ready ! Ready ! Ready ! Ready ! Ready ! Ready ! Ready ! Ready ! eady !

$250 USD 3日以内
(21件のレビュー)
5.0
tuxmin

Hi there , We have gone through your project description and now we would like to go for detail analysis of your requirement and detailed discussion with you so that the delivery will be more clear and we can proceed もっと

$53 USD 7日以内
(8件のレビュー)
4.9
mstream

Hello there Thank you for the post and description. We would like to complete this project for you. We’re expert on php programming and we have experience with kind of your need. Detail of our experience would もっと

$257 USD 15日以内
(3件のレビュー)
2.3
attrahent

Hi It's a pleasure to go through your requirements and please to inform you that we are providing all the services that you want with in a optimistic time duration. We have an EXPERT team who will be working on y もっと

$32 USD 5日以内
(0件のレビュー)
0.0
sandyagg

I checked your requirements...but it will take min. 2 days and will cost not less then $100 if you are really interested in getting what you want. Secondly, it didn't include any document...please attach it too... もっと

$111 USD 1日以内
(0件のレビュー)
0.0
prernapal10

A proposal has not yet been provided

$25 USD 1日以内
(0件のレビュー)
0.0