MY html file:

<div class="container">
...    
<button type="button" onclick="displayResult()">Display results</button>
</div>

And I want that after clicking the button, a list would be displayed:

function displayResult() {
    
    const list1 = document.createElement("ul");
    const res = document.getElementsByClassName("container");
    res.appendChild(list1);

    const unordered_list3 = document.createElement("li");
    const text3 = document.createTextNode("3");
    unordered_list3.appendChild(text3);
    list1.appendChild(unordered_list3);

    const unordered_list1 = document.createElement("li");
    const text1 = document.createTextNode("1");
    unordered_list1.appendChild(text1);
    list1.appendChild(unordered_list1);

    const unordered_list2 = document.createElement("li");
    const text2 = document.createTextNode("2");
    unordered_list2.appendChild(text2);
    list1.appendChild(unordered_list2);
}

But when I clicked the button, there's nothing to appear on the screen. Is there something wrong?