// get the values from the page
    //starts of controller function
    function getValues() {
        //get values from the page
        let startValue = document.getElementById("startValue").value;
        let endValue = document.getElementById("endValue").value;

        //We need to validate our input
        //parse into Intergers
        startValue = parseInt(startValue);
        endValue = parseInt(endValue);

        if (Number.isInteger(startValue) && Number.isInteger(endValue)) {
            //we call generateNumbers
            let numbers = generateNumbers(startValue, endValue);
            //we call displayNumbers
            displayNumber(numbers);

        } else {
            alert("You must enter integers.");
        }

    }

    //generate numbers form startvalue to the endValue
    //logic function(s)
    function generateNumbers(sValue, eValue) {

        let numbers = [];

        //we want to get all numbers from start to end
        for (let index = sValue; index <= eValue; index++) {

            //this will execute in a loop until index = eValue
            numbers.push(index);
        }


        return numbers;
    }

    //display the numbers and mark even numbers bold
    //display or view functions
    function displayNumber(numbers) {

        let templateRows = "";
        for (let index = 0; index < numbers.length; index++) {

            let className = "even";

            let numbers = numbers[index];

            if (number % 2 == 0) {
                className = "even";
            } else {
                className = "odd";
            }

            //Modified for Prism
            templateRows += `<tr><td class="${className}" >${number}</td></tr>`;
            //Original version that didn't work with Prism
            //templateRows += `${number}`;

        }

        document.getElementById("results").innerHTML = templateRows;
    }
                        
                    

function getValues

This function gets our start and end values and makes sure they are Intergers if not it will display and error message.

function generateNumbers

This function generates our numbers between the start and end value and pushs to our array

function generateNumbers

This will display our numbers in our template and then bold the even numbers.