THE CODE FOR: Hundo

// getting the values from UI
function getValues() {
    let startValue = document.getElementById("startValue").value;
    let endtValue = document.getElementById("endValue").value;
    displayValues(startValue, endtValue);
}


function displayValues(start, end) {

    // getting the div element from the page
    element = document.getElementById("results");

    for (let i = start; i <= end; i++) {

        // create a new div for results
        let item = document.createElement("div");

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

        }
        item.classList.add("col-12");
        item.classList.add("col-md-3");


        //set the items to the div
        item.innerHTML = i;
        element.appendChild(item);
    }

    element.appendChild()
}
//function to cleaer numbers
function clearList() {
    document.getElementById("results").innerHTML = "";

}

The code is structured in two functions

getValues

Gets values from the user, start and end values are inputed.

clearList

Clears the list of numbers displayed