Create a new folder for each exercise
In each folder create two files index.html & script.js - Video Tutorial
Exercise 1:
Create a basic program that has three input boxes. (HTML)
The user inputs three numbers and clicks a button
The program adds them together when the button is clicked.
Display the output in HTML
Exercise 2:
Create an array called numbers
Write a program where the user can insert new numbers between 1 and 100 from a HTML input box. (HTML)
The numbers are added to the array.
The program outputs how many numbers are <50 and how many numbers are >=50 using a for loop and if statement
EXTENSION
Using a for loop to calculate the average number in the array and display in HTML
Exercise 3:
Create a HTML page that includes inputs for name and seconds (HTML)
EITHER:
Create a variable to store the lap (auto increments) and an array to store the lap time
When the time is entered in from the form, this data is to be inserted into the array within the lap variable auto incrementing
OR, alternatively, you may:
Create an array of objects with the following properties in Javascript- lap, seconds
When the data is entered in from the form, this data is to be inserted into a new object within the array (lap auto increments)
Create a table to display the results (HTML)
The new entry should be added to the table as a new row.
EXTENSION
Add a column showing minutes and seconds
Include a delete button - the selected row is deleted when pressed
When the delete button is clicked - the data in the table and array should be removed
Build a function to find the fastest time in the object array (seconds) and return the lap number
Build a function to display the time in minutes and seconds. (Pass an argument into the array and return a value)