ando buscando la forma de poder crear un boton que pueda eliminar el contenido de un array que se va llenando con DOM, aún no pude hacerlo, podrian asesorarme en que estoy haciendo mal? Como sería la forma correcta de hacer funcionar el boton para vaciar el array? HTML:
<section class="historialLista">
<ul id="historial">
<li class="impuestoActual"></li>
<h3>Resultados guardados hasta el momento: </h3>
</ul>
<button class="borrarResultados">Limpiar resultados</button>
</section>
JS:
const historialresultados = [] // Array que se llena mediante DOM
const borrarResultados = document.querySelector('.borrarResultados');
const historialderesultados = document.getElementById('historial');
function borrar (e){
historialresultados.splice(e, 1);
}
borrarResultados.addEventListener('click', () =>{
e.preventDefault();
borrar();
})
historialderesultados
y en la función colocastehistorialresultados
?click
no le estás pasando como argumentoe
. Supongo que te dará un error de referencia. Lo mismo pasa con la llamada aborrar
que haces dentro de dicho manejador, allí el error sería de tipo TypeError, ya quesplice
no es un método deundefined
.