Write a function to get the values entered by the user, parse them into ints, then call generateNumbers

______________________________________

Generate the numbers using a for loop

______________________________________

Display the numbers on the screen, making the even ones BOLD

//get the values from the page
//controller function
function getValues() {
let startValue = document.getElementById("startValue").value
let endValue = document.getElementById("endValue").value
let numbers = []

// attempt to parse into integers
startValue = parseInt(startValue)
endValue = parseInt(endValue)

if (Number.isInteger(startValue) && Number.isInteger(endValue)) {
  let numbers = generateNumbers(startValue, endValue)
  displayNumbers(numbers)
  } else {
  alert("You must enter integers")
  }
}

//generate numbers from start value to the end value
//logic function
function generateNumbers(sValue, eValue) {
  let numbers = []

  for (let i = sValue; i <= eValue; i++) {
    numbers.push(i)
  }
  
  return numbers
}

//display the numbers and mark the evennumbers bold 
//view function
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 does not render correctly with Prism - see the source on Github
  templateRows +=`
  ${number}
  `
  }
  document.getElementById("results").innerHTML = templateRows
}