Skip to main content
se añadieron 48 caracteres en el cuerpo
Origen Enlace

Hola chicos estoy realizando una aplicación en la que se requieren estos puntos, pero solo tengo echohecho lo básico, y no se si es correcto, lo suyo sería utilizar array push para añadir datos y splice para eliminarlos mientras se escribe en el input, pero, ¿Cómo aplicarlo de manera correcta?

a)a) Se escribe un mensaje de errormensaje de error la página (no un alert), si pulsan añadir y eliminar y no se han rellenado ambos campos.

b)b) Si pulsan añadirpulsan añadir se crea una nueva línea en el listado en forma de tablatabla.

c)c) Si pulsan añadirpulsan añadir y la persona ya está en la tabla, escribimos un mensaje de error.

d)d) Si pulsan eliminarpulsan eliminar, eliminamos la persona de la tabla, o avisamos en caso de que no exista.

e)e) Si pulsan eliminarpulsan eliminar y la persona no existe en la tabla, escribimos un mensaje de error.

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 para añadir datos y splice para eliminarlos mientras se escribe en el input, pero, ¿Cómo aplicarlo de manera correcta?

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.

Hola chicos estoy realizando una aplicación en la que se requieren estos puntos, pero solo tengo hecho lo básico, y no se si es correcto, lo suyo sería utilizar array push para añadir datos y splice para eliminarlos mientras se escribe en el input, pero, ¿Cómo aplicarlo de manera correcta?

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.

se añadieron 48 caracteres en el cuerpo
Origen Enlace

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 para añadir datos y splice para eliminar datoseliminarlos mientras se escribe en el input, pero, ¿Cómo aplicarlo de manera correcta?

P.D.: el formulario lo tengo hecho en DOM, pero como son demasiados caracteres y no me deja pegarlo, lo he hecho en html.

Gracias de antemano...

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?

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 para añadir datos y splice para eliminarlos mientras se escribe en el input, pero, ¿Cómo aplicarlo de manera correcta?

P.D.: el formulario lo tengo hecho en DOM, pero como son demasiados caracteres y no me deja pegarlo, lo he hecho en html.

Gracias de antemano...

se añadieron 160 caracteres en el cuerpo
Origen Enlace
function guardar() {
    var nombre = document.getElementById('nombre').value;
    var apellido = document.getElementById('apellido').value;
    
 var resultado = document.getElementById('resultado');

if (nombre.trim() == '') {
    resultado.innerHTML = 'No puedes alert("ingresedejar el nombre");nombre vacio';
    }nombre.focus();
    //alert("ingrese el nombre");
}
if (apellido.trim() == '') {
    resultado.innerHTML = 'No puedes alert("ingresedejar el apellido");apellido vacio';
    apellido.focus();
} 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);
    }
}
<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>
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);
    }
}
<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>
function guardar() {
    var nombre = document.getElementById('nombre').value;
    var apellido = document.getElementById('apellido').value;
    var resultado = document.getElementById('resultado');

if (nombre.trim() == '') {
    resultado.innerHTML = 'No puedes dejar el nombre vacio';
    nombre.focus();
    //alert("ingrese el nombre");
}
if (apellido.trim() == '') {
    resultado.innerHTML = 'No puedes dejar el apellido vacio';
    apellido.focus();
} 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);
}
}
<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>
Origen Enlace
Loading