Landing : Athabascau University

Group members: this is the place for your learning diary. Use this to post your zipped-up site at least once each unit, and your reflections as often as you wish (at least once per unit). Please write your reflections directly in the post, not as attached files. Where you do need to attach documents, such as for unit 1 designs, use PDF, PNG or JPG formats. You can attach files using the 'Embed content' link in the editor.

QUICK COURSE LINKS:  Add blog post - Read latest group postsFAQs: Course process : Site design : HTML : CSS : JavaScript : JQuery : AJAX : MiscPodcasts for each unit

Updated resource pages:  Unit 1 - Unit 2  - Unit 3Units 4 & 5 - Unit 6 - Unit 7

mportant notice: the student web server is unavailable. Until this is fixed, we do not require you to upload your site to the student server. See Running a web server on your local machine for details of how to meet the requirements for the final unit

Unit 5 learning diary with file

  • Public
By CHENXIN ZHANG in the group COMP 266 May 19, 2022 - 1:35pm

Chenxin Zhang

3568978

 

This unit is about witting JavaScript in the website.  After running through many ideas in my head, I decided to add these three features in my web:

 

  1. True form validation.

Since the previous version(unit4) Only can detect if the user entered something or not. I decide to let the program detect other things: For names, The user can only enter standard alphabet letters, all over special characters will be warned. Phone number can only take numbers. And there is also a “badword” Detector at the input section.

 

  1. Investment simulation

Once the user click the button under the “stocks” page. The code will calculate a random number and added to its initial values, and a for loop is used so the number will be changed multiple times and added to previous itself. Thus the user can experience how volatile the stock market is

 

  1. Shopping cart:

From this website: https://code-boxx.com/simple-vanilla-javascript-shopping-cart/  I learned how a shopping cart works. With modifications, I turned this cart to a shopping cart that allows the user to save the product they want to purchase.