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