Hola chicos estoy realizando una aplicación en la que se requieren estos puntos, pero solo tengo echo lo básico, y no se si es correcto, lo suyo sería utilizar ***array push*** y ***splice*** para eliminar datos pero, ¿Cómo aplicarlo de manera correcta? Aquí los puntos necesarios para que sea correcto : a) Se escribe un mensaje de error la página (no un alert), si pulsan añadir y eliminar y no se han rellenado ambos campos. b) Si pulsan añadir se crea una nueva línea en el listado en forma de tabla. c) Si pulsan añadir y la persona ya está en la tabla, escribimos un mensaje de error. d) Si pulsan eliminar, eliminamos la persona de la tabla, o avisamos en caso de que no exista. e) Si pulsan eliminar y la persona no existe en la tabla, escribimos un mensaje de error. <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> function guardar() { var nombre = document.getElementById('nombre').value; var apellido = document.getElementById('apellido').value; if (nombre.trim() == '') { alert("ingrese el nombre"); } if (apellido.trim() == '') { alert("ingrese el apellido"); } else { var fila = "<tr><td>" + nombre + "</td><td>" + apellido + "</td>" + "</td></tr>"; var btn = document.createElement("TR"); btn.innerHTML = fila; document.getElementById("tablita").appendChild(btn); } } <!-- language: lang-html --> <html lang="es"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Ejercicio-2</title> <link rel="stylesheet" href="style.css"> <script src="ejercicio2.js"></script> </head> <body> <div class="contenedor-principal" id="contenedor"> <form id="formulario" action=" "> <input type="text" name="nombre" placeholder="Nombre" id="nombre"> <input type="text" name="apellido" placeholder="apellido" id="apellido"> <button type="button" name="añadir" onclick="guardar()" id="Añadir">Añadir</button> <button type="button" name="eliminar" id="eliminar">Elminar</button> </form> <br> <table border="1"> <thead> <tr> <th>Nombre</th> <th>Apellido</th> </tr> </thead> <tbody id="tablita"> </tbody> </table> </div> </body> </html> <!-- end snippet -->