Quiero eliminar un div hijo con un boton de eliminar pero si me funciona pero tengo que darle dos veces al boton para que se borre el div, nose como hacer que solo funcione con un click al darle al boton eliminar, es como que solo funciona en tiempo de ejecucion porque si llamo la funcion RemoveComunicado() por fuera de la otra funcion funciona perfectamente pero esa no es la intencion, necesito usar la otra funcion para validar
function RemoveComunicado() {
let invoiceContainer = document.querySelector('.container');
let removeBtn = document.querySelectorAll('.remove');
for (let i = 0; i < removeBtn.length; i++) {
removeBtn[i].addEventListener('click', RemoveMensaje);
}
function RemoveMensaje(event) {
event.preventDefault();
invoiceContainer.removeChild(event.currentTarget.parentElement);
}
}
function Comunicado(valor) {
if(valor == '1'){
RemoveComunicado();
}
}
<!DOCTYPE html>
<html>
<body>
<div class="container">
<!-- contenedor 1 -->
<div>
<p>Hola1</p>
<input type="button" value="Eliminar" class="remove" onclick="Comunicado('1')"/>
</div>
<!-- contenedor 1 -->
<!-- contenedor 2 -->
<div>
<p>Hola2</p>
<input type="button" value="Eliminar" class="remove" onclick="Comunicado('1')"/>
</div>
<!-- contenedor 2 -->
</div>
</body>
</html>
RemoveComunicado();
al final de tu código JS...