function getNumbers(){
//Get and Parse the numbers from the input.
let startValue = parseInt(document.getElementById("startValue").value);
let endValue = parseInt(document.getElementById("endValue").value);
//If values aren't int's or the start is > end error out.
if(!Number.isInteger(startValue) || !Number.isInteger(endValue)){
alert("Only enter numbers!");
return;
} else if (startValue >= endValue){
alert("The first number needs to be smaller than the second.");
return;
}
//Create an array and save it to 'numbers'.
let numbers = generateNumbers(startValue, endValue);
//Display results using the numbers array.
displayValues(numbers);
//Display results in reverse using the numbers array.
displayValues(numbers.reverse());
//Create an array from the starting value to the ending value.
//Return it so we can display it.
function generateNumbers(start, stop){
let numbers = [];
for (let i = start; i <= stop; i++) {
numbers.push(i);
}
return numbers;
}
function displayValues(numArray){
results.innerHTML = "";
numArray.forEach(element => {
let div = document.createElement("div");
div.classList.add("col");
div.innerHTML = element;
element % 2 === 0 ? div.classList.add("even") : div.classList.add("odd");
document.getElementById("results").appendChild(div);
});
}
}
JavaScript