Sådan viser du DOM-elementer med ForEach()

Så jeg graver i ForEach() ved hjælp af JS og besluttede at lave en hurtig måde at vise dit Array-indeks til DOM i JavaScript.
*sidebemærkning Jeg har allerede en tom UL oprettet i min html som denne, du skal bruge denne i slutningen af ​​dig for hver metode.
`


ForHver

<ul>

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

`
først vil du oprette et array

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

opret din forEach()-metode forEach tager todos som denne (jeg kan godt lide at bruge pilefunktioner btw) og send dit argument todo:

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

begynd at oprette dine elementer og klassenavne inde i forEach-funktionen.

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

})