tengo el siguiente problema, estoy listando todo lo que voy ingresando en un input y a la vez estos datos los voy guardando en un array(sin Base de datos ni en el LocalStorage), ahora una vez realizado el listado, quiero eliminar alguno de los datos listados, poniendo el valor que quiero eliminar en un nuevo input y al presionar el boton eliminar, que se me elimine del array y de la lista que esta en el DOM.
let nombre = document.getElementById("txtNombre");
let listar = document.getElementById("listar");
let pintar = document.getElementById("pintar");
let btnEliminar = document.getElementById("btnEliminar");
let txtEliminar = document.getElementById("txtEliminar");
let array = [];
const agregar = (e)=>{
array.push(nombre.value);
console.log(array);
pintar.innerHTML+="<h3>"+nombre.value+"</h3>"
}
const borrar = ()=>{
}
listar.addEventListener("click", agregar);
btnEliminar.addEventListener("click", borrar);
<input type="text" name="txtNombre" id="txtNombre" placeholder="Ingrese un nombre"><br><br>
<button id="listar">Listar</button>
<h1>Nombres: </h1>
<div id="pintar"></div>
<input type="text" name="txtEliminar" id="txtEliminar" placeholder="Ingrese Nombre a Eliminar"><br><br>
<button id="btnEliminar">Eliminar</button>
<script src="app.js"></script>