The Code
function getNumbers() {
// enforcing default values in case UI is unused
let startValue = 0;
let endValue = 100;
//get the numbers from the UI
startValue = document.getElementById("startValue").value;
endValue = document.getElementById("endValue").value;
// convert the numbers to integers or whole numbers
startValue = parseInt(startValue);
endValue = parseInt(endValue);
//alert the user
if (isNaN(startValue) || isNaN(endValue)) {
alert("Please check to see if your entries are numbers.");
return;
}
// verify these are ints not letters doubles, or characters
if (Number.isInteger(startValue) && Number.isInteger(endValue)) {
//both numbers are integers
//display the numbers from the start value to the end value
let numbers = generateNumbers(startValue, endValue);
//display the numbers on the page
displayNumbers(numbers);
} else {
//one or more are not integers
displayNumbers(numbers);
}
}
getNumbers()
Requirements:
- Collects the numbers from the HTML
- Checks for:
- Has default values
- Parse numbers to ints
- Verify entries are numbers
- Displays numbers on the page
Variables:
- startValue => values to start the count
- endValue => values where the count ends
function generateNumbers(startValue, endValue) {
let numbers = [];
for (let index = startValue; index <= endValue; index++) {
numbers.push(index);
}
return numbers;
}
generateNumbers()
Requirements:
- Calls other functions and generates the numbers from startValue to endValue
- What it does:
- Sets up an array to loop over the numbers
- Loops over the numbers for startValue to endValue
- Pushes the numbers into the array
- Displays numbers on the page