MI archivo html:

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

Y quiero que después de hacer clic en el botón, se muestre una lista:

 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); }

Pero cuando hice clic en el botón, no aparece nada en la pantalla. ¿Hay algo mal?