The Code For Hundo

// Step One, get the information (controller, accept requests)
function getValues() {
    let startValue = document.getElementById("startValue").value;
    let endValue = document.getElementById("endValue").value;

    displayValues(startValue, endValue);
}

// Final Step, display the information (view, displays stuff on screen)
function displayValues(start, end) {

    // convert inputs to numbers; javascript will do this automatically
    // in the for loop below, but i want to be explicit
    let startNum = parseInt(start);
    let endNum = parseInt(end);

    // clear previous run
    clrResults();

    // first get the ol element from the page
    element = document.getElementById("results");

    for (let i = startNum; i <= endNum; i++) {

        // next create a new li element
        let item = document.createElement("div");

        if (i % 2 == 0) {
            item.classList.add("even-style");
        } else {
            item.classList.add("odd-style");
        }

        // add classes to li element
        item.classList.add("col");

        // set the message for the li element
        item.innerHTML = i;

        // add item to list
        element.appendChild(item);
    }
}

// this function clears the screen
function clrResults() {
    document.getElementById("results").innerHTML = '';
}