.jpg)
Grupo tengo el siguiente problema, pude hacer que se me ingresarán los datos al arreglo y se me muestren en el dom, pero como puedo hacer que los datos se me vean en lista y no con una coma ya intente meter le un br pero nada, solo me acepta cambiarle el diseño a las letras y nada mas, alguna solución para esto!?
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Buscar Elemento - Array</title>
</head>
<body>
<h1>Ingreso de Animales</h1>
<input type="text" name="txtAnimal" id="animal">
<button type="button" id="btnAgregar">Agregar</button>
<div id="listado"></div>
<script src="js/app.js"></script>
</body>
</html> ```
```let animales = [];
let animal = document.getElementById("animal");
let btnAgregar = document.getElementById("btnAgregar");
let listar = document.getElementById("listado");
const agregar = ()=>{
animales.push(animal.value);
for (let i=0; i<animales.length; i++){
listar.innerHTML = `<div>${animales}</div>`;
}
console.log(animales);
};
btnAgregar.addEventListener("click" ,agregar); ```
