Different ways Javascript has been used on this Fornite website

Mathematical Calculations

On the Home page of my website I added a list of Check boxes for items that could be purchased using the currency created by Epic Games called Vbucks. The user can check or uncheck each of these boxes and hit the submit button and it will calculate the total cost of what you have selected.
This can be seen by clicking here ----- Home

If or Switch statement

The use of if statements can be seen on the heals page of the website. This is where the user can click through different potion options and the shield bar will increase based on the user's choice.
This can be seen by clicking here ----- Heals

Exception handling

You will also find the use of exception handling on the heals page of the website. In the lower portion of the page there is a calculator that allows a user to enter in the amount of health for 2 players and if will total their health together setting the teams total health. What isn't shown on the face of this program is the error handling but if you enter in Letters instead of numbers the total button will not work and an error message will populate telling the user to enter in the number of the players health pool.
This can be seen by clicking here ----- Heals

Image Gallery

On the Image gallery page of the website you can find a scrolling list of images. The user can scroll through (3-5) preloaded images. It is set to 3 images at default but the user has the option of clicking the [show more image] text which will increase the number of images to 5 (this can be adjusted to any number of images desired). You will also notice if you load the page and do nothing after a short period of time the images will begin cycling through themselves automatically. This timer can be adjusted to any amount of time you choose as well.
This can be seen by clicking here ----- Image Gallery

Form Validation

This site also makes use of form validation on the merchandise page of the website. The user can use the merchandise page to set and order for any merchandise your company may offer. The form validation is set in place to help the user know when they've have not entered in a necessary piece of information or when they have entered it in an incorrect format.
This can be seen by clicking here ----- Merchandise

Calender and use of Calculation of time elapsed

If you go to the Tournament Entry page of the website you will see how we can use a calendar program in order for users to enter into a future in game tournament. The user can enter each players name and it will show under player names after clicking the add button. The user can then click the pick a date text box and a calendar will appear. This calender is set for future events so you will notice it has been coded to not allow the user to select a date prior to the current day. Once the user has selected the date the site will also calculate the time left until the event on a clock that will continuously countdown until the time has arrived.
This can be seen by clicking here ----- Tournament Entry

Creating Accounts User Name and Password

On the create account page of the website you will find code used to create an account with the website. This page allows the user to create a unique user name and password. This page also confirms the password using two text boxes for matching. The web page will create a profile box that will repeat the entered information back to the user(not including the password). There is a list of computer specs checkboxes towards the bottom of the account page. In this case for the user to enter in the specs of their PC. This could be used to make sure that users PC can even handle playing the game before they install the game or program. These items will also populate in the Profile box along with their account information.
This can be seen by clicking here ----- Create Account

Use of jQuery

At the bottom of every page on the website there is a line of text that reads Go To Top. This line of text is coded using jQuery to allow the user to click on the text itself and this will return to user to the top of the current page they are on without having to scroll up.
This can be seen by clicking here by clicking any of the webpages at the very bottom or on the bottom of this page as well.

Go To Top