The Code

                    
                        //get starting values from the scree
//Controller Function

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

  // parse the values in to integers
  startValue = parseInt(startValue);
  endValue = parseInt(endValue);

  if (Number.isInteger(startValue) && Number.isInteger(endValue)) {
    // generate the numbers based on user input
    let numbers = generateNumbers(startValue, endValue);

    // display result on page
    displayNumbers(numbers);
  } else {
    Swal.fire({
      icon: "error",
      title: "Oops...",
      text: "Only intergers are allowed for Hundo!",
    });
  }
}

function generateNumbers(startValue, endValue) {
  let numbers = [];

  for (let i = startValue; i <= endValue; i++) {
    numbers.push(i);
  }

  return numbers;
}

function displayNumbers(numbers) {
  let className = "even";
  let templateRows = "";

  for (let i = 0; i < numbers.length; i++) {
    let number = numbers[i];

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

    templateRows += `${number}`;
  }
  document.getElementById("results").innerHTML = templateRows;
}