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