1

Como puedo imprimir en un ul de HTML desde JavaScript una lista sin que se separe cada li con una ,

Al darle click al boton se imprime en un ul una serie de li segun el texto del input

let nombres = ['FLDSMDFR', 'FLDSMDFR']

const li = (nombre) => `<li>${nombre}</li>`

function getValueInput() {
    nombres.push(document.getElementById('nombre').value)
    document.getElementById('lista').innerHTML = nombres.map(nombre => li(nombre))
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>
        <form>
            <label for="nombre"></label>
            <input type="text" name="nombre" id="nombre">
            <button type="button" onclick="getValueInput()">Click me!</button>
        </form>
    </div>
    <ul id="lista">

    </ul>
</body>
</html>

1 respuesta 1

3

Utiliza join('') al final de esta línea :

document.getElementById('lista').innerHTML = nombres.map(nombre => li(nombre)).join('')
1
  • Muchas gracias, me sirvió Commented el 10 sept. 2023 a las 3:16

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.