Tengo una aplicación donde el usuario selecciona las palabras que guardará. Escribo todas estas palabras en una matriz. Necesito mostrar cada elemento de esta matriz en una columna para que al pasar el mouse sobre pueda ver la información (o al hacer clic) Traté de iterar sobre cada elemento de la matriz usando for y foreach pero solo se mostró el último elemento ¿Cómo puedo ¿Puedo organizar los elementos de la matriz en una columna?
Formación:
let a = ["First word","Second word","Third word"]Un ejemplo de lo que necesito:
Necesita mostrarlo en la página a través de textContent o innerHTML o algo así.
Lo que puede hacer es inicializar una lista y agregar dinámicamente todos los elementos a esa lista.
const words = ["First word","Second word","Third word"] const list = document.getElementById('myList') words.forEach(word => { const item = document.createElement('li') item.textContent = word // or item.innerHTML list.appendChild(item) }) <ul id="myList"></ul>for in : let a = ["First word","Second word","Third word"], $list = document.querySelector('#list') for(let i in a) { $list.insertAdjacentHTML('beforeend', `<li>${a[i]}</li>`) } <ol id="list">List of items </ol>