// get values from page
                            function getValues() {
                              let startValue = document.getElementById("startValue").value;
                              let endValue = document.getElementById("endValue").value;
                            
                              // parse into int | validating input values
                              startValue = parseInt(startValue);
                              endValue = parseInt(endValue);
                            
                              if (Number.isInteger(startValue) && Number.isInteger(endValue)) {
                                let numbers = generateNumbers(startValue, endValue);
                            
                                // call display numbers
                                displayNumbers(numbers);
                              } else {
                                alert("You must enter an integer");
                              }
                            }
                            
                            // generate numbers from start value to end value
                            function generateNumbers(sValue, eValue) {
                              let numbers = [];
                            
                              //   get all numbers from start to end
                              for (let i = sValue; i <= eValue; i++) {
                                numbers.push(i);
                              }
                            
                              return numbers;
                            }
                            
                            // display the numbers and mark even numbers bold
                            function displayNumbers(numbers) {
                              let templateRows = "";
                            
                              for (let i = 0; i < numbers.length; i++) {
                                let className = "even";
                                let number = numbers[i];
                            
                                if (number % 2 == 0) {
                                  className = "even";
                                } else {
                                  className = "odd";
                                }
                                // this part does not render correctly in prism. 
                                //Check github repo for correct code
                                templateRows += `${number}`;
                              }
                              document.getElementById("results").innerHTML = templateRows;
                            }
                            
                 
                    
                

getValues()

This is the main function that is ran when the run button is clicked on in the application. The getValues function contains all of the other functions that are required for the application to work. Lastly inside this function we also validate the numbers that are passed so that we only integers are passed and not strings.

generateValues()

This function has two parameters, a start and end value. The for loop starts at the start value and loops through numbers until it reaches the end value, then it takes all those numbers and pushes them into an array called numbers.

displayNumbers()

This function is in control making even numbers bold. How it works is that it runs a loop from 0 to the end value, and for each number that is evenly divisible by 2 it adds a class of "even" to it and this class just makes the number bold. and lastly it takes all the numbers and puts them in a table and that is what gets displayed to the user.