Jak zobrazit prvky DOM pomocí ForEach()

Takže jsem kopal do ForEach() pomocí JS a rozhodl jsem se udělat rychlý způsob, jak zobrazit váš index Array na DOM v JavaScriptu.
*poznámka na straně Už mám vytvořenou prázdnou UL v mém html, jako je tato, budete to potřebovat na konci pro každou metodu.
`


Pro každého

<ul>

</ul>
<script src="app.js"></script>

`
nejprve chcete vytvořit pole

const todos = [
    "clean room",
    "study JS",
    "work out",
    "eat healthy"
];

vytvořte svou metodu forEach() forEach takto (rád používám funkce šipek) a předejte svůj argument todo:

todos.forEach((todo)=>{
// do something here
})

začněte vytvářet své prvky a názvy tříd uvnitř funkce forEach.

todos.forEach((todo)=>{
    const li = document.createElement("li");
   const liText = document.createElement("span");
   let newDiv = document.createElement("div");`



    li.className = "list";
   liText.className = "items";


 liText.innerHTML = todo;


   li.appendChild(liText);


   newDiv.appendChild(li);


document.querySelector("ul").appendChild(li);

})