Assignment 7
Add a new page to your existing website. Use bootstrap styling. You have total freedom over the page format and content.
Required Knowledge & Skills
- SublimeText 3 (Optional)
- Bootstrap
- Javascript
- HTML Forms
Assignment Instructions
Create a new page alongside the web pages created before. You do not need to modify any of the previous webpages.
Refer to the Bootstrap website for examples
Note: For this assignment, all CSS styles will be in the external CSS file unless specified otherwise.
Deliverables - Upload your website to AwardSpace and submit a clickable link, as well as the zip file to Blackboard (We will not accept any email submissions this time)
Refer to the Bootstrap website for examples
Note: For this assignment, all CSS styles will be in the external CSS file unless specified otherwise.
- Title of the page should be- "Assignment 7 - [Username]" (5 points)
- Create an HTML form to sell a product (you can choose any sort of product based on the theme of your website).
- The form should contain the following inputs (30 points):
- [type=text]: Full name
- [type=text]: Quantity
- Submit Button
- Use Bootstrap form's styles (10 points)
- The form should contain the following inputs (30 points):
- Create a JavaScript function that is called when the user clicks on the submit button. It must do the following: (45 points)
- Check if the value entered for quantity is valid. It should be a number between 1 and 10.
- Calculate the total cost by and multiplying the quantity from the input field by a fixed price.
- Give a discount based on the quantity ordered, 10% for a quantity greater than 3 and 15% for a quantity greater then 5.
- The total price calculated should be at the bottom of the form. An error message should be displayed instead if the quantity entered isn't valid.
- Submission must be a clickable link to your website. All pages must be linked to each other in the nav bar. (10 points)
- Follow the best practices for javascript (Ref: https://www.w3schools.com/js/js_best_practices.asp) (10pts bonus)
- Appropriate Indentation, layout, syntax must be followed for HTML/CSS/Bootstrap. (10pts penalty)
Deliverables - Upload your website to AwardSpace and submit a clickable link, as well as the zip file to Blackboard (We will not accept any email submissions this time)
Grading Rubric as specified in instructions | Submission Instructions
Total Number of Earnable Points: 100 Points
Approximate Time to Complete: 5 Hours
Due Date: see Syllabus or Blackboard
Approximate Time to Complete: 5 Hours
Due Date: see Syllabus or Blackboard