¿Cómo puedo eliminar u ocultar el texto mientras alguien en mi formulario ingresa por segunda vez y proporciona los datos correctos? Quiero decir, cuando alguien por primera vez da un mensaje incorrecto, el texto mostrará "¡El nombre no puede estar vacío!" y luego dar datos correctos y el texto está ahí pero invisible.

 errorFunc(fname, 'First Name cannot be empty!') } else { successFunc(fname) } if (lastName === '') { errorFunc(lname, 'Last name cannot be empty!') } else { successFunc(lname) } function errorFunc(req, message) { const formControl = req.parentElement; const span = formControl.querySelector('span'); span.innerText = message; req.classList.add('error'); span.classList.add('error-text'); req.classList.remove('success'); } function successFunc(req) { const formControl = req.parentElement; const span = formControl.querySelector('span'); req.classList.add('success'); req.classList.remove('error') span.classList.remove('error-text') }