View the Code

A simple way to see how this program was written.

JavaScript Functions

function getNumbers(){

    let startValue = 0;
    let endValue = 100;

    // Get numbers from the UI
    startValue = document.getElementById("startValue").value;
    endValue = document.getElementById("endValue").value;

    // Turn potential decimal numbers to whole numbers
    startValue = parseInt(startValue);
    endValue = parseInt(endValue);

    // Check if input are numbers
    if (Number.isInteger(startValue)
        && Number.isInteger(endValue)) {                                                {

        // Get all the numbers from start to end value
        let numbers = generateNumbers(startValue, endValue);
        // Display the numbers on the page
        displayNumbers(numbers)

    } else {

    }
}
JavaScript

function generateNumbers(startValue, endValue){
    let numbers = [];
    for (let i = startValue; i <= endValue; i++) {
        numbers.push(i);
    }
    return numbers;
}
JavaScript

function displayNumbers(numbers){

    // First value is found at index 0 in the array
    let startValue = numbers[0];

    // Length of the array
    let endValue = numbers.length;

    let tableBody = document.getElementById("results");

    // Clear out previous rows
    tableBody.innerHTML = "";

    for (let index = 0; index < endValue; index++) {

        let tableROw = "";

        // Get the value of the index,
        // because the index position does not equal
        // the variable being held there.
        let number = numbers[index];

        if (number % 2 == 0) {
            // The number is even
            tableRow = `${number}`;
        } else {
            // The number is odd
            tableRow = `${number}`;
        }
        tableBody.innerHTML += tableRow;
    }
}
JavaScript
Have more questions?

Get in touch through my website!

Contact Me