Reference no: EM133220446
Your task in this project is to add JavaScript to your project. This should be implemented in a few ways. For one, your product page should load product information from a JavaScript array of some sorts. This is in prep for Part 3 as in part 3, you will be using AJAX in JavaScript to call for data from the server (PHP). You will also need to make the price change instantly based on the price of the product times the selected quantity.
Secondly, the search results page should be loading the data from a JavaScript array as well. Again, this is to prep for Part 3 which will load the data with AJAX. You should also be making the filtering and sorting features on the search results page work.
Thirdly, you should make the search bars functional as you will be loading data with JavaScript now. Using JavaScript, you should be able to filter out the products that do not match the search terms.
You may also add JavaScript to add other features to your store such as slight animations, extra information on mouse over, etc. Just add some useful and innovative features to your liking. Bonus marks may be given depending on what kind of unique and interesting features you add.
Landing page:
· Make search bar work
Search Results page:
· Make search bar work
· Results should be loaded with JavaScript
· Filtering features should be working
· Sorting features should be working
Product page:
· Loading product data with JavaScript
· Update price instantly based on the selected quantity