THE CODE FOR: HUNDO

function getValues() {

    let startValue = document.getElementById("startValue").value;
    let endValue = document.getElementById("endValue").value;
    displayValues(startValue, endValue);

}

function displayValues(start, end) {

    element = document.getElementById("results");

    let startNum = parseInt(start);
    let endNum = parseInt(end);

    clrResults();

    element = document.getElementById("results");


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

            let item = document.createElement("div");

            if (i % 2 == 0) {
                item.classList.add("boldItem");
            } else {
                item.classList.add("redItem");
            }

            item.classList.add("col");
            item.innerHTML = i;
            element.appendChild(item);
        }
}

function clrResults() {
    let output = document.getElementById("results").innerHTML = '';
}

The code is structured in two functions.

getValues

"Gets" custom starting and ending values from the user.

displayValues

"Displays" the even numbers in bold font-weight and the odd results in red.